CSS---三大特性

 

 

1.层叠性

相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另外一个冲突的样式。层叠性主要解决样式冲突的问题

层叠性原则：

• 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式
• 样式不冲突，不会层叠

 

2. 继承性

现实中的继承：我们继承了父亲的姓

CSS中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。

 

 适当使用继承可以简化代码，减低CSS样式的复杂性

子元素可以继承父元素的样式（text-,font-,line-这些元素开头的可以继承，以及color属性）

 

行高的继承

body行高1.5 这样写法最大的优势就是子元素可以根据自己的文字大小自动调节行高

 

 

3.优先级

当同一个元素指定多个选择器，就会产生优先级

 

1.  优先级的注意点：权重是有4组数字组成的，但是不会有进位。
2. 可以理解为类选择器永远大于元素选择器，id选择器永远大于类选择器，以此类推。。
3. 等级判断从左向右，如果某一位数值相同，则判断下一位数值

 

权重的叠加：如果是符合选择器，则会由权重叠加，需要计算权重。