font-size
所定義的字型大小不是由字元大小決定的,而是以字型的em平方決定,所謂的em平方是指字型在沒有line-height
等額外因素下,基準線間的距離(大致為該字型最高字元(如f)的頂端線到最低字型(如g)的底端線),所以字型中的大部分字元都會比em平方小。CSS中的font-size
,作用是指定em平方的大小,而非字元大小。font-size
有幾種方式可以決定單位:xx-small
、x-small
、small
、medium
、large
、x-large
、xx-large
)。larger
和smaller
。font-size-adjust
屬性。xx-small
<x-small
<small
<medium
<large
<x-large
<xx-large
,兩階之間的大小關係不變(例如large
一定小於x-large
),縮放比例會因為CSS的規範或使用者代理改變。font-size: xx-large
,沒有實際的數字單位。xx-small
<x-small
<small
<medium
<large
<x-large
<xx-large
),以親代元素為基準,larger
比親代元素大一階,smaller
則小一階,實際尺寸則參照絕對大小值在當下使用者代理或CSS規範中定義的尺寸。xx-small
再小(smaller
)或是比xx-large
再大(larger
),依然會做出反應(比親代元素大或小),實際縮放尺寸依使用者代理決定。font-size: larger
,沒有實際的數字單位。font-size: 200%
,意思是此元素的字型大小會是親代元素的兩倍(200%)。(字型大小未完)