css基础-属性值计算过程

css属性

首先css的属性值，是从0到1的过程，浏览器会等一个标签的css属性值全部确认后，才能渲染出来。

属性的计算过程

属性的计算过程有4步。

1. 确定声明值。参考样式表中（作者样式表和浏览器默认的样式表）没有冲突的声明，作为css的属性值。
2. 层叠冲突。对样式表中有冲突的声明使用层叠规则，确定css属性值
   • 层叠规则：1.重要性。2.特殊性。3.源次序
3. 使用继承。对仍然没有值的属性，若可以继承，则继承父元素的属性值
4. 使用默认值。对仍然没有值的属性，使用默认值

例如：

.div{
	color: red;
}

<div>
	<a href="">
		属性的计算过程
	</a>
</div>
1
2
3
4
5
6
7
8
9

文字"属性的计算过程"是什么颜色：a标签的颜色。因为第一步浏览器有默认样式，就确定了颜色。

两个特殊的css属性

• inherit。强制（手动）继承，将父元素的值取出应用到该元素。
• initial。初始值，将该元素的属性变为默认值。

.son{
	background: initial; // 不知道某一个属性的默认值，就可以使用initial
}
1
2
3