相對長度單位 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; }
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
25款純CSS的星級評定效果實網頁理論2019-07-04
網頁柵格係統應該怎麼用網頁理論2019-06-24
UI界面圖標設計終極指南網頁理論2019-06-02
創建用戶友好型表單網頁理論2018-07-20