CSS基础知识(四)CSS三大特性

二、CSS的三大特性

(一)层叠性

1.解决样式冲突问题(相同选择器设置相同的样式会覆盖另一种冲突样式)

2.层叠性原则

  • 样式冲突,遵循就近原则,哪个样式离结构近就执行哪种样式

  • 样式不冲突,不会重叠

(二)继承性

1.子标签会继承父标签的某些样式(inherite),恰当使用继承可以简化代码,降低CSS样式的复杂性

2.行高的继承性

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

a.行高可以跟单位也可以不跟单位(1.5是当前文字大小的1.5倍)b.若子元素没有设置行高,则会继承父元素行高的1.5倍

(三)优先级

1.同一元素指定多个选择器2.选择器相同,则执行层叠性3.选择器不同,则根据选择器权重执行

三、选择器权重

  • 权重是由四位数组成,

  • 权重有叠加,但永远不会有进位

  • 等级判断从左向右,如果某一位数相同,则判断下一位数

  • 继承的权重为0,如果该元素没有直接选中,不管父元素权重多高,子元素的权重都是0

举报/反馈