css基础-属性值计算过程

目录

  • css属性
  • 属性的计算过程
  • 两个特殊的css属性

css属性

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

属性的计算过程

属性的计算过程有4步。

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

例如:

.div{
	color: red;
}

<div>
	<a href="">
		属性的计算过程
	a>
div>

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

两个特殊的css属性

  • inherit。强制(手动)继承,将父元素的值取出应用到该元素。
  • initial。初始值,将该元素的属性变为默认值。
.son{
	background: initial; // 不知道某一个属性的默认值,就可以使用initial
}

你可能感兴趣的:(CSS3,css,css3,前端)