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