CSS 教學 > 長度單位
在 CSS ,長度單位可以分為兩大類:絕對 (absolute) 單位以及相對 (relative) 單位。 相對單位包括: px: pixels em: em ex: x 字母的高度 絕對單位包括: in: 吋 cm: 公分 mm: 公厘 pt: points, 1 pt = 1/..
在 CSS ,長度單位可以分為兩大類:絕對 (absolute) 單位以及相對 (relative) 單位。
相對單位包括:
絕對單位包括:
如果沒有註明單位,那預設的單位是 px。
以下是每一種單位的例子:
| CSS 樣式 | 顯現結果 |
|
p {font-size:9px;} | 文字大小為 9px。 |
|
p {font-size:3em;} |
文字大小為 3em。 |
|
p {font-size:3ex;} |
文字大小為 3ex。 |
|
p {font-size:0.2in;} |
文字大小為 0.2 inch。 |
|
p {font-size:0.5cm;} |
文字大小為 0.5 cm。 |
|
p {font-size:12mm;} |
文字大小為 12 mm。 |
|
p {font-size:24pt;} |
文字大小為 24 pt。 |
|
p {font-size:2pc;} |
文字大小為 2 pc。 |
在大部分的情況下,用相對長度單位會比較適合。這是因為,這樣子您能讓使用者依自己的喜好來加大或減小字體。如果您用絕對長度單位的話,使用者就無法改變字體的大小了。