CSS字體大小單位

若是一個元素沒有顯示定義font-size的屬性，則會自動繼承父元素的font-size屬性的計算結果。

定義font-size時，能夠使用預約義關鍵字、絕對尺寸、相對尺寸。

預約義關鍵字

xx-small < x-small < small < medium < large < x-large < xx-large 

尺寸按順序依次增大，相似於衣服的尺寸。

缺點：

• 只有7種選擇
• 不一樣瀏覽器下，文本的大小可能不一樣

絕對尺寸

• px：像素，用於屏幕媒體，一個像素等於電腦屏幕上的一個點
• pt：點，用於印刷媒體，一個點等於一英寸的1/72
• in：英寸
• cm：釐米
• mm：毫米

使用絕對長度單位，在固定分辨率的顯示器下，顯示出來的都是固定大小。

相對尺寸

• em：參考基準是父元素，1em等於父元素font-size屬性的值
• %：參考基準是父元素，100%等於父元素font-size屬性的值
• rem：參考基準是文檔的根元素（即html元素），1rem等於html元素font-size屬性的值。注：rem是CSS3新增的一個相對單位，IE9如下版本不支持。

其餘單位

• vw（viewpoint width）：視窗寬度，1vw等於視窗寬度的1%
• vh（viewpoint height）：視窗高度，1vh等於視窗高度的1%
• vmin：取vw和vh中較小的那個
• vmax：取vw和vh中較大的那個

在某些特殊場景下，須要把font-size的值設置爲0來隱藏某些文本。可是在IE6和IE7中，font-size設置爲0的文本卻變成了小黑點，並無徹底隱藏。

解決：設置text-indent屬性的值爲一個很大的負數，使文本顯示在屏幕以外。