CSS(Cascading Style Sheets)的長度(Lenght)為包含小數點的10進位數值+單位。單位又分「相對單位」和「絕對單位」2種。所謂「絕對單位」,就是使用度量尺可以量測的長度單位。「相對單位」,則會隨閱覽者的螢幕不同而改變大小。但是,若設定為「絕對單位」,之後針對不同的媒體需要調整時,非常費時。因此建議採用「相對單位」,特別是使用em、%。
相對單位
- em
- 設定有font-size的外層元素的文字大小為「1單位」比率來設定相對單位。如沒有設定,則是相對於系統預設字體大小。
- ex
- 外層元素的英文小寫x的大小為「1單位」比率來設定相對單位。如沒有設定,則是相對於系統預設字體大小。
- pix
- 像素(pixels)值,隨閱覽者的螢幕解析度不同而改變。
window的96dpi之下,96px=1英吋。MAC的72dpi之下,72px=1英吋。
絕對單位
- in
- 英吋(inches)。1 in = 2.54 cm。
- cm
- 公分(centimeters)。1 cm = 10 mm。
- mm
- 公厘(millimeters)。10 mm = 1 cm。
- pt
- 點(point)。1 pt = 1/72 in。
- pc
- pica。1pc = 12pt。