欢迎光临散文网 会员登陆 & 注册

CSS三大特性

2023-05-05 15:21 作者:山锦ShanJin  | 我要投稿

一、CSS三大特性

  1. 层叠性

  • 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。

  • 样式冲突,遵循的原则是就近原则,哪个样式离结果近,就执行哪个样式。

  • 样式不冲突,不会层叠。

2.继承性

子标签继承父标签中的某些样式。

可以继承的元素样式:text-、font-、line-开头的元素,以及color属性。

行高的继承: 

如果子元素没有设置行高,会继承父元素的行高。

子元素的行高=当前子元素大小*行高。

body行高最大优势:里面子元素可以根据自己文字大小自动调整行高。

3.优先级

当一个元素指定多个选择器,就会有优先级产生。

选择器相同,执行层叠性。

选择性不同,根据选择性权重执行。

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

标签(元素)选择器权重为1>标签从父级继承来的权重为0。图中文字最终颜色为粉色。

权重叠加:

复合选择器会有权重叠加(叠加不会进位)现象。

图中文字颜色为绿色。
图片文字显示为粉色。


CSS三大特性的评论 (共 条)

分享到微博请遵守国家法律