長度單位(Length)


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。



Copyright(C)2009超技情報開發研究室 All rights reserved.