CSS-值计算

CSS-值计算

1. css属性的值的计算一共分为六种值：

1. 实际值： 一个CSS属性的**实际值（actual value）**是应用值（used value）被应用后的近似值 。例如，一个用户代理可能只能渲染一个整数像素值的边框（实际值），并且该值可能被强制近似于边框的计算宽度值
2. 计算值(computed value)： 一个CSS属性的计算值是指这个属性在由父类转向子类的继承中的值
3. 初始值： CSS属性的初始值是其默认值 ，继承属性只能用在根元素，非继承属性用在任意元素上，可使用initial显示指定
4. 解析值： CSS 属性的解析值（resolved value ）是 getComputedStyle()返回的值，需要布局后的值为used value，否则为computed value
5. 指定值( specified value)：属性的赋值->父元素的属性值->初始值
6. 应用值(used value)： CSS 属性的应用值（used value）是完成所有计算后最终使用的值，可以由 window.getComputedStyle 获取。

2. 计算出css属性的最终值三个步骤：

1. 指定值specified value取自样式层叠、继承或默认值
2. 按规范算出计算值computed value
3. 最后，计算布局，结果即应用值used value

脚本只能使用 window.getComputedStyle 获得最终的应用值