CSS三大特性

时间:2022-07-06

CSS三大特性

CSS有三个非常重要的特性:层叠性、继承性、优先级。


层叠性

层叠性是指当一个标签被设置了多个重复的样式的时候,一个属性会覆盖另外一个属性。

比如:先给div设置背景颜色为红色,然后设置背景颜色为粉红色,那么最终颜色可能为红色,也可能为粉红色(明显的两种颜色设置不能并立,所以只为其一,这里没给出确定答案是因为还要考虑“优先级”)


代码示例如下:

2024澳门原料网1688白老虎


结果:

2024澳门原料网1688白老虎



继承性

现实中的继承:我们继承了父亲的姓名。

CSS中的继承:子标签会继承父标签的某些样式,如文本颜色和字号等。(子承父业)


恰当的使用继承可以简化代码,降低CSS样式的复杂性

子元素可以继承父元素的样式(text-,fint-,line-这些元素开头的可以继承,以及color属性)

代码示例:


2024澳门原料网1688白老虎



结果:

2024澳门原料网1688白老虎


优先级

选择器权重:

2024澳门原料网1688白老虎


代码示例:

2024澳门原料网1688白老虎



结果:

2024澳门原料网1688白老虎

Copyright © 2016 2024澳门原料网1688白老虎,保留所有权利。 粤ICP备09033321号

2024澳门原料网1688白老虎 2024澳门原料网1688白老虎
2024澳门原料网1688白老虎
扫描二维码
与项目经理交流
2024澳门原料网1688白老虎 2024澳门原料网1688白老虎
2024澳门原料网1688白老虎
扫描二维码
与项目经理交流
2024澳门原料网1688白老虎
ciya68