CSS - 教程之家

92浏览

0评论

css怎么隐藏内容

CSS隐藏文字内容的6种方法作为一个web前端开发，为了html语义化，常常要给内容模块加上一些标题来让页面更有意义，当然还有我们的图片按钮，在抛开css裸奔的情况下也能很顺利的汲取...

2021-04-02

93浏览

0评论

css怎么设置行高

所谓行高是指文本行基线间的垂直距离。要想理解这句话首先得了解几个基本知识：顶线、中线、基线、底线<!DOCTYPE html><html> <head> <title>Test</title>...

2021-04-02

54浏览

0评论

css怎么去掉a的下划线

css去掉a的下划线非常简单，方法如下：CSS清除a标签的默认下划线<style type="text/css"> a { text-decoration: none; }...

2021-04-02

260浏览

0评论

css怎么实现内容不可选

新建一个html文件，命名为test.html，用于讲解css怎么让页面上的内容不能被选中。在test.html文件内，使用p标签创建多行文字，用于下面进行测试。在test.html文件内，给p标签添加一...

2021-04-02

118浏览

0评论

css怎么设置图片不平铺

css的background-repeat 属性定义了图像的平铺模式。从原图像开始重复，原图像由 background-image 定义，并根据 background-position 的值放置。css可以使用background-repeat...

2021-04-02

91浏览

0评论

纯CSS如何实现图片轮播

首先准备相同大小的多个图片，将要展示图片横排放在一个图片容器里面。在图片容器外再加一个展示容器，展示容器大小为图片大小，给图片容器添加自定义动画，在动画不同阶段设置递增...

2021-04-02

82浏览

0评论

css怎么实现超出两行显示省略

CSS实现文本超过部分，超出两行，超出部分省略号显示文字超过部分显示为省略号<style>.p{ width: 200px; overflow: hidden; text-overflow: ellipsis; white-space...

2021-04-02

73浏览

0评论

css清除浮动的方法有哪些

使用了float之后，父级盒子的高度变为0了。我们来写一个例子来看一下，创建一个父级div，并设置border属性，然后下边创建两个子元素span，并设置浮动。具体代码如下所示：效果：
由上图可...

2021-04-02

77浏览

0评论

css水平居中怎么设置

方法1：使用text-align属性直接给父元素设置 text-align: center;样式，可以将块级元素（父元素）中的行内元素进行水平居中<!DOCTYPE html><html> <head> <meta charset="UTF-8"> ...

2021-04-02

80浏览

0评论

css优化，提高性能的方法有哪些

CSS优化主要是4个方面：加载性能主要是从减少文件体积，减少阻塞加载，提高并发方面入手选择器性能渲染性能可维护性、健壮性下面给大家具体介绍一下。加载性能：1、css压...

2021-04-02

72浏览

0评论

css3新增属性有哪些

css3新增属性1、CSS3文字效果： hanging-punctuation：规定标点字符是否位于线框之外。 punctuation-trim：规定是否对标点字符进行修剪。 text-align-last：设置如何对齐最后一...

2021-04-02

96浏览

0评论

css什么是浮动

浮动是一种使元素脱离文档流的方法，会使元素向左或向右移动，其周围的元素也会重新排列。浮动的意义：设置了浮动属性的元素会脱离普通标准流的控制，移动到其父元素中指定的位置的...

2021-04-02

73浏览

0评论

如何使用css去掉a标签的下划线？（代码详解）

我们在使用超链接的时候，下划线总是伴随着出现，从视觉上来说有着下划线的a标签总是感觉很奇怪，而且在某些需求中，也不需要下划线的出现，所以就会问了，有没有什么方法让下划线不出...

2021-04-01

98浏览

0评论

html+css实现血轮眼轮回眼特效代码

效果（完整代码在底部）：实现并不难，都是重复的代码比较多。实现（可跟着一步一步写）：1. 先定义基本标签： <div class="zuo"> ...

2021-04-01

103浏览

0评论

html+css合并表格边框的示例代码

我们给table和td标签加边框时，默认使用双边框，像这样。
如果我们希望合并table与td的边框，可以在table样式加设置border-collapse的属性值为collapse即可。如下图：

再看效果...

2021-04-01

97浏览

0评论

如何使用css设置文字透明背景不透明

css设置文字透明背景不透明<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style type="text/css"> div{ background: palevioletred; width: 200px; ...

2021-03-31

68浏览

0评论

你所不知道的css规则，值得收藏！！

在css中，属性与其属性之间需要使用英文的":"来连接，多个属性之间需要使用英文的";"来连接，以便于区分。特点：css中，各种选择器都严格区分大小写，然而属性与其值不区分大小写，可以混...

2021-03-31

92浏览

0评论

深入浅析css属性选择器

第一种： E[att^=value]属性选择器此选择器只选择标签名称是E的，同时他具有att的属性，att属性值包含前缀为value的子字符串。注：E是可以省略的，如果省略则表示匹配满足条件的任意...

2021-03-31

94浏览

0评论

css中哪些属性可以继承

什么是css 继承？要想了解css样式表的继承，我们先从文档树（HTML DOM）开始。文档树由HTML元素组成。文档树和家族树类似，也有祖先、后代、父亲、孩子和兄弟^_^。这很容易理解吧，笔者...

2021-03-31

79浏览

0评论

css3 filter属性的使用简介

一、前言
在编写前端页面的动画效果时，或多或少会用到 filter 属性，由于其属性值过多，故本篇用于整理和记录其相关资料。二、介绍
filter属性定义了元素(通常是)的可视效果。属...

2021-03-31

166浏览

0评论

css怎么隐藏table

使用记事本建立一个html页面创建一个table在浏览器里面查看一下创建的table效果写一个class样式对table进行隐藏display:none...

2021-03-30

155浏览

0评论

css怎么去除图片边框

css去掉img边框1、<img> 标签的 border 属性规定图像周围的边框的宽度，就是说可以增加或去掉图像的边框。也可以使用css中的border属性来设置。border="0" // html属性borde...

2021-03-30

95浏览

0评论

css怎么设置图片圆角

CSS3圆角只需设置一个属性：border-radius（含义是"边框半径"）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等...

2021-03-30

294浏览

0评论

css横向滚动条怎么隐藏

我们先在html里写上一个div，正常情况下，是没有滚动条的。当我们的页面的内容很长，或主动设置很大的宽度时，就会有滚动条的。运行页面，可以看到出现滚动条了。为了隐藏这个滚动条，...

2021-03-30

105浏览

0评论

css怎么隐藏标签

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为 hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域...

2021-03-30

116浏览

0评论

CSS3点击按钮圆形进度打钩效果的实现代码

文章目录八、CSS3点击按钮圆形进度打钩效果8.1 图片预览8.2 index.html代码8.3 style.css代码八、CSS3点击按钮圆形进度打钩效果 8.1 图片预览
8.2 index.html代码<!DOCTYP...

2021-03-30

136浏览

0评论

CSS3 菱形拼图实现只旋转div 背景图片不旋转功能

需求背景使用 vue 做的项目，业务需求有一个拼图效果，默认是深色的背景图，上面分五个区域，每次会亮一个区域，整张图都亮，拼图完成。先来看一下最终的效果图。应用到的知识点： bac...

2021-03-29

160浏览

0评论

CSS3通过var()和calc()函数实现动画特效

预习知识点. 动画帧背景渐变 var() 和 calc() 的使用 flex布局的场景Start:创建HTML结构:<section> <div class="loading"> <div class="text"></div>...

2021-03-29

94浏览

0评论

CSS3实现模糊背景的三种效果示例

不开头了，直接进入主题。
普通背景模糊效果如下：使用属性：filter:(2px)普通背景模糊为了美观不能使背景前的文字模糊，而filter属性会使这整个div的后代并且还会出现白边。也就是...

2021-03-29

95浏览

0评论

使用css样式设计一个简单的html登陆界面的实现

login.html部分：<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <title></title>  <link rel="styl...

2021-03-29

123浏览

0评论

CSS实现漂亮的时钟动画效果的实例代码

我要找工作 !!!预先准备:首先这个动画，是根据之前的 Loading 动画制作的，Loading炫酷动画, 这些的思路都是一样的，在这个动画上进行了一次创新。预习知识点：动画帧背景...

2021-03-29

118浏览

0评论

如何使用CSS实现鼠标移动控制页面元素效果？（代码示例）

映射鼠标位置或实现拖拽效果，我们可以在 JavaScript 中做到这一点。但实际上，在CSS中有更加简洁的方法，我们可以在不使用JavaScript 的情况下，仍然可以实现相同的功能！只使用CSS...

2021-03-26

131浏览

0评论

使用纯CSS画一个圆环（代码示例）

画圆环思想很简单：首先画两个圆，设置不同的背景色；然后让两个圆的圆心重合即可。难度系数☆☆HTML<div class="container"> <span class="ring-style"></span></div>解析：此...

2021-03-25

102浏览

0评论

animate.css使用方法是什么

animate.css的使用方法：1、在文件夹中放入animate的css文件，以及一个html文件。2、在html的头部添加我们的animate文件。3、在需要动画的标签上添加 class="animated bounce d...

2021-03-25

127浏览

0评论

如何通过css设置背景图片全屏

通过css设置背景图片全屏的方法：1、创建以下目录结构的测试页面BackGround-- BgImage.html-- Images-- bg.png2、将测试图片显示在浏览器界面上，效果如下3、通过CSS设置背景图...

2021-03-25

93浏览

0评论

css文本行高怎么设置

css文本行高的设置方法：1、我们新建一个html网页文件，把他命名为test.html，接下来我们用test.html文件来讲解css如何设置文本上下的行高。2、在test.html文件内，要使用div标签创...

2021-03-25

155浏览

0评论

原生CSS实现文字无限轮播的通用方法

文字轮播在生活中很常见，各个超市及实体店门头通常会有文字轮播的广告牌，本文详细介绍下实现逻辑。场景商店门头广告牌，需要通过横向移动的文字来展示公告（加边框是为了更好演示...

2021-03-24

133浏览

0评论

详解CSS处理长短文本内容的几种小技巧（值得收藏）

当我们使用 CSS 构建布局时，考虑长短文本内容很重要，如果能清楚地知道当文本长度变化时需要怎么处理，可以避免很多不必要的问题。在许多情况下，添加或删除一个单词会改变 UI 的...

2021-03-24

115浏览

0评论

css表格中如何居中

css表格居中的方法：1、首先，打开html编辑器，新建html文件，例如：index.html。2、在index.html中的<style>标签中，输入css代码：body {text-align: center;} table {margin: auto;}3、...

2021-03-23

138浏览

0评论

29个CSS面试题总结（知识点解析）

CSS是层叠样式表（ Cascading Style Sheets ）的缩写，是一种样式表语言，用于描述以 HTML 之类的标记语言编写的文档的布局。它是用于设计Web页面的三剑客之一，另外两位浩客是HTML...

2021-03-23

202浏览

0评论

CSS怎么把按钮上移

用margin-top的属性设置按钮的位置。假设按钮的class为btn，向上移动10像素。css：.btn{margin-top: -10px;}margin：设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。...

2021-03-22

117浏览

0评论

css怎么增加背景图片

在css中，可以通过background-image属性或background属性来设置背景图片。background-image属性用于设置一个元素的背景图像；而background属性是一个简写属性，可以在一个声明中...

2021-03-22

136浏览

0评论

css如何去掉超链接下的横线

首先使用a标签创建一个链接，并给a标签添加一个class属性。然后在css标签内，通过class该超链接的样式，将text-decoration属性设置为none，实现去掉链接的下划线。...

2021-03-22

328浏览

0评论

css怎么把div设置成爱心

使用 css 绘制心形常遇到心形图案，比如点赞和取消点赞的使用场景。之前的使用方式是图片接入，作为img 或 backgroundImage 插入到 dom 中去。现在自己动手用css绘制一个心形图...

2021-03-22

108浏览

0评论

css背景色怎么取消

css背景色取消：非常简单！只需要在已经设置好背影颜色的代码上加上 background-color:transparent; 就解决了!...

2021-03-22

157浏览

0评论

css怎么实现禁止换行并超出隐藏

在CSS中可以使用white-space属性配合overflow属性来实现文字不换行，且超出部分隐藏。white-space属性指定元素内的空白怎样处理，设置值为nowrap时，文本不会换行，文本会在在同一...

2021-03-22

113浏览

0评论

css如何让块无间隙

最近做移动端页面时，经常会用到inline-block元素来布局，但无可避免都会遇到一个问题，就是inline-block元素之间的间隙。这些间隙会导致一些布局上的问题，需要把间隙去掉。对于in...

2021-03-22

161浏览

0评论

css怎么固定底部不动

1、打开一个编辑软件设置一下css与div区域，使其固定在页面的底部其主要属性：position:fixed; 绝对定位生成绝对定位的元素，相对于浏览器窗口进行定位。2、网页中实现效果如下：扩...

2021-03-22

134浏览

0评论

css怎么给button设置阴影

css3做一个带阴影的button按钮效果对比鼠标划上前与后：<input class="but" type = "button" value = "确认" /><style type="text/css"> .but{...

2021-03-22

173浏览

0评论

css中设置段落缩进的属性是什么

css中设置段落缩进的属性是“text-indent”。示例：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>首行缩进</title> <style> .demo{ width...

2021-03-22

热门文章