CSS 語法 03 : 尺寸單位

尺寸單位

CSS 常用的尺寸單位 px 和 em 都是屬於相對單位。

• px

「px」是以螢幕的點 (pixels) 為單位。

p {font-size:12px;}

• em

「em」則是關係到目前設定(預設)的字體大小,比如說目前已經宣告字體大小為 16px,你又在這個宣告範圍內設定某些字的大小為 10em,意思就是這些被你設定的字大小會變成160px,也就是10倍的意思。具體一點的說法就是,em 關係到他的「父」設定。

以下範例,<p>標籤裡面的字體會是160px。

body {font-size:16px}
p {font-size:10em}

• in, cm, mm, pt, pc

其他的絕對單位則是以實際生活中的單位為標準,如 in (英吋), cm(公分), mm(公釐), pt(point=1/72英吋), pc(picas),不過因為現在的顯示器五花八門,在不一樣的裝置上顯示出來的結果經常會有差異,絕對單位已經不再絕對,所以現在比較少用。

*如果沒有特別宣告,則 CSS 將默認單位為 px

Daco

DacoNote 網站工友,有燈泡壞掉請找我。

您可能也會喜歡…