设计之家 > 靈感 > 網頁UI > 網頁理論 >

網頁元素單位詳解

作者:佚名 來源:設計之家 時間:2008-11-13

相對長度單位  Relative Length Units

em
說明:相對長度單位。相對于當前對象內文本的字體尺寸。
如當前行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
示例:
div { font-size : 1.2em; }

ex
說明:相對長度單位。相對于字符“x”的高度。此高度通常為字體尺寸的一半。
如當前對行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。
示例:
div { font-size : 1.2ex; }

px
說明:相對長度單位。像素(Pixel)。
像素是相對于顯示器屏幕分辨率而言的。譬如,WONDOWS的用戶所使用的分辨率一般是96像素/英寸。而MAC的用戶所使用的分辨率一般是72像素/英寸。
示例:
div { font-size : 12px; }

 


 

絕對長度單位  Absolute Length Units

pt
說明:
絕對長度單位。點(Point)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 9pt; }

pc
說明:
絕對長度單位。派卡(Pica)。相當于我國新四號鉛字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.75pc; }

in
說明:
絕對長度單位。英寸(Inch)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.13in; }

cm
說明:
絕對長度單位。厘米(Centimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 0.33cm; }

mm
說明:
絕對長度單位。毫米(Millimeter)。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
示例:
div { font-size : 3.3mm; }

相關文章:

推薦設計

最新文章