相對長度單位 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; }

50張美麗的動物攝影作品欣賞動物攝影2014-01-01

Brandnew:2013年最佳LOGO更換榜單VI設計2013-12-27

優秀包裝設計精選集(45)包裝設計2013-12-22

用戶體驗設計遇見色彩情感網頁理論2013-12-22

網頁設計趨勢淺析網頁理論2013-12-22

設計師如何通過顏色來影響消費者網頁理論2013-12-03