[CSS] CSS的字型大小設定

使用CSS控制字型大小，需要使用font-size來設定，屬性值可以是px、%、em、關鍵字...共四種...

px像素：
font-size:14px;
代表我們要讓字體最底端到最頂端的『高度』有14個像素。

%百分比：
font-size:150%;
代表我們要讓目標字型為其父元素的字型大小的150%。
註：瀏覽器都有預設的字型大小(14px或16px)，所以不會有沒有設定字型大小的問題。

em比率數：
font-size:1.5em;
代表我們要讓目標字型為其父元素的字型大小的1.5倍。

keywords關鍵字：

font-size:small;
由小至大的關鍵字分別為xx-small、x-small、small、medium、large、x-large、xx-large，每個關鍵字的大小比上一個關鍵字大20%，而small通常定義為12px。
註：每個瀏覽器定義的關鍵字大小不一定相同。

結論：
雖然四種方式都可以將字型控制到我們要的大小，但是，在實際應用上我們應該注意，保留使用者放大縮小網頁的自由度，如果我們直接用像素去設定字型大小為14px，這會讓使用者在希望放大網頁時，無法讓網頁的文字也跟著放大，所以，比較好的作法是，使用【關鍵字】賦予body元素一個預設的字型大小(例如font-size:small;)，之後的元素則使用%或em去定義字型大小，這樣的作法可以讓使用者在縮放網頁時，文字也會跟著一起縮放。