首頁  >  文章  >  web前端  >  網頁元素單位全分析_HTML/Xhtml_網頁製作

網頁元素單位全分析_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:44:061432瀏覽

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

------------ -------------------------------------------------- ------------------
顏色單位Color Units Reference
#RRGGBB
參數:
RR :

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn