網(wǎng)站建設(shè)中網(wǎng)頁元素單位詳解發(fā)布者：本站     時(shí)間：2022-04-04 20:04:23

相對(duì)長度單位  Relative Length Units

em
說明：相對(duì)長度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。
如當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
示例：
div { font-size : 1.2em; }

ex
說明：相對(duì)長度單位。相對(duì)于字符“x”的高度。此高度通常為字體尺寸的一半。
如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
示例：
div { font-size : 1.2ex; }

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

 

 

絕對(duì)長度單位  Absolute Length Units

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

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

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

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

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