- 博客(4)
- 收藏
- 关注
原创 伪元素
伪元素今天讲的伪元素跟伪类定义是一样的,也是向某些选择器设置特殊的效果。但我觉得伪元素是用于将特殊的效果添加到某些选择器这种说法比较好一点。接下来重点来了,重点来了,伪元素和伪类是有很大区别滴。它们之间最明显的区别就是伪类没有创造新的元素,而伪元素是创造了新的元素的。当然伪元素是一种逻辑上存在,但不会存在与文档树中的元素。即在html文件中发现不了它所以伪元素作用主要是装饰内容 (无论是装饰图片还是音效) 而不需要更改HTML 的内容,从而帮助内容与样式更好地分离。伪元素有哪些::first-le
2020-10-19 09:12:28 207
原创 伪类
伪类什么是伪类,官方介绍:CSS 伪类用于向某些选择器添加特殊的效果。嗯,真的很官方。接下来就说说伪类有哪些吧首先伪类大致分为两种:UI伪类和结构化伪类。UI伪类会在HTML元素处于某种状态时,去应用相应的CSS样式;而结构化伪类,一般都是用来对子元素的选择,然后再应用相关的CSS样式UI伪类:a.链接伪类a:link {color: #FF0000} /* 未访问的链接 */a:visited {color: #00FF00} /* 已访问的链接 */a:hover {color: #F
2020-10-17 10:35:10 168
原创 CSS 清除浮动的方法
为什么要清除浮动因为浮动元素会脱离文档流,对父级元素的高度产生一定的影响。如果一个父级元素中的子元素都是浮动元素,那么父级元素的高度就会为0,即我们常说的高度塌陷怎么清除浮动第一种方法:空div方法。这种方法是在父元素的结尾前加一个空白的div如:div{height:0;display:“block”;clear:both;}其实操作就是你要清除浮动的后面那个元素加个clear:both。如果你后面没有div,那当然得加一个空白的不是。但是这种写法不符合我们作为一个优秀的前端程序员该有
2020-10-16 09:10:26 127
原创 CSS 水平垂直居中方法
定宽1. text-align:center; line-height=height;2. margin:0 auto;3. 父级:{ position:relative; } 子级:{ position:absolute; left:50%; top:50%; margin-left:-元素自身宽度的距离 margin-top:-元素自身宽度的距离 } 4. 父级:{ position:relative; } 子级:{
2020-10-15 09:15:47 131 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人