《CSS 世界》
font-size 支持长度值,如1em,也支持百分比值,如100%。这两点想必众所周知,但 font-size 还支持关键字属性值这一点怕是就有不少人不清楚了。
(1)相对尺寸关键字。指相对于当前元素font-size计算,包括:
-
larger:大一点,是<big>元素的默认font-size属性值。-
smaller:小一点,是<small>元素的默认font-size属性值。(2)绝对尺寸关键字。与当前元素 font-size 无关,仅受浏览器设置的字号影响。注意这里的措辞,是“浏览器设置”,而非“根元素”,两者是有区别的。
-
xx-large:好大好大,和 <h1> 元素计算值一样。-
x-large:好大,和 <h2> 元素计算值一样。-
large:大,和 <h3> 元素计算值近似(“近似”指计算值偏差在1像素以内,下同)。 -
medium:不上不下,是 font-size 的初始值,其中,相对尺寸关键字larger和smaller由于计算的系数在不同浏览器下差异很大,因此实用价值有限,只有类似文档页、帮助页这类对文字尺寸要求不高的场合才有用;而绝对尺寸关键字的实用性要大一些,而且在某些场合是推荐使用的关键字属性值