CSS属性值之百分数

百分数

百分数由一个数字和一个百分号组成，数字和百分号之间，不允许出现空格。百分数可以是整数或小数，可以是正数或负数。如果数字为0，则可以省略百分号。

百分比的值几乎总是相对于另一个值（如长度单位）计算得到的。每一个允许使用百分比单位的属性，都要定义百分比的参考值。大多数情况下，百分比的参考值都是元素本身的字体大小，即 font-size 属性的值。如：

div  { 
    font-size: 14px;
    line-height: 200%; 
} 

由于 line-height 属性是基于当前元素 font-size 的值计算得到的。上述代码就表示，line-height 属性的值为font-size属性值的 200%，故得到的行高为 200% * 14px = 28px。

CSS中，所有可继承的属性，如果其属性值使用百分比单位来定义，则子元素继承的是计算后的结果，而不是百分比的值。所以，上述代码中，无论子元素 font-size 的值是多少，子元素的行高始终是28px。