CSS font-size 文字大小

設定文字大小算是CSS 中經常用到的技巧，很少人會完全不設定網頁文字的大小，在CSS 中設定文字大小可以使用font-size 的語法，可以給的値有很多，像是數字+單位、 ... CSSfont-size文字大小 設定文字大小算是CSS中經常用到的技巧，很少人會完全不設定網頁文字的大小，在CSS中設定文字大小可以使用font-size 的語法，可以給的値有很多，像是數字+單位、數字+%、英文字母等，在各種不同的單位中又以px最為常用，因為px 的數字範圍可以設計出細膩的文字大小差異，一般網頁內容文字約12px~16px左右，標題文字的大小約18px~22px 左右，設計師可依自己的頁面風格調整數字大小，數字越大代表字體越大，以下為font-size常用單位比較表。

CSSfont-size文字大小比較表 屬性值 語法 呈現效果 px 13px
16px
18px   13px 16px 18px em   1em
2em 1em 2em cm 1cm
1.2cm
  1cm 1.2cm xx-small xx-small xx-small x-small x-small x-small small small small smaller smaller smaller medium medium medium large large large x-large x-large x-large xx-large xx-large xx-large larger larger larger % 100%
120%
  100% 120%   inherit inherit inherit font-size可以繼承父層的屬性，並呈現更大或更小的尺寸，例如範例中的smaller就是比父層更小、larger是比父層更大、200% 則是比父層大兩倍的意思，其中font-size:inherit的意思是繼承父層的大小，可是IE8 及以前較舊的版本並不支援，所以建議不要使用。

另外，網頁的風格設計通常不只是修改文字大小而已，還可以修改文字的顏色或字型，所以font-size 常常與 color文字顏色 或 font-family 搭配出不同的風格效果。