作者:佚名 來源:設計之家 時間: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; }
優秀包裝設計精選集(44)包裝設計2013-11-24
20個國外創意信封設計欣賞VI設計2013-11-14
6個創意品牌形象設計佳作VI設計2013-11-14
30款薯片包裝設計欣賞包裝設計2013-10-26
現代時尚的臥室設計欣賞裝修設計2013-10-25
優秀包裝設計精選集(43)包裝設計2013-10-25
設計師如何通過顏色來影網頁理論2013-12-03
做好扁平化設計:視覺篇網頁理論2013-11-28
如何讓響應式網頁設計保網頁理論2013-11-06
淺析專題中的構圖之美網頁理論2013-11-06
扁平設計之爭網頁理論2013-09-18
網頁設計可用性指導-如何網頁理論2013-07-26