沉淀期——css三大特性

Posted 2021-06-30 嘴巴嘟嘟

前端三件套 不牢固还是不行滴，俗话说：“书读百遍，其意自现”，代码练的多，细究的多，内部原理也就使用更上手。
css有三个非常重要的三个特性：层叠、继承、优先级

层叠性

相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题
层叠性原则:
样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式
样式不冲突，不会层叠

继承

现实中的继承:我们继承了父亲的姓
CSS中的继承:子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是∶子承父业。
恰当地使用继承可以简化代码，降低CSS样式的复杂性
●子元素可以继承父元素的样式( text-, font-，line-这些元素开头的可以继承，以及color属性)
心
行高的继承

body{
	font:12px/1.5 Microsoft YaHei;
}

div{
/* 子元素继承了父元素body的行高1.5
   1.5 是当前文字大小的1.5倍 
*/
	font-size:14px;
}

优先级

1.权重是有4组数字组成,但是不会有进位。

2.可以理解为类选择器永远大于元素选择器, id选择器永远大于类选择器,以此类推…3.等级判断从左向右，如果某一位数值相同，则判断下一位数值。
3.等级判断从左向右，如果某一位数值相同，则判断下一位数值。
4.可以简单记忆法:通配符和继承权重为0,标签选择器为1,类(伪类)选择器为10, id选择器100,行内样式录1000, !important无穷大.
5.继承的权重是0，如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0。
公