当前位置: 首页 > 文档资料 > 揭秘 CSS >

1.4.3 百分数

优质
小牛编辑
128浏览
2023-12-01

百分数由一个数字和一个百分号组成,数字和百分号之间,不允许出现空格。百分数可以是整数或小数,可以是正数或负数。如果数字为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。