標(biāo)簽：
css
相對(duì)長度
絕對(duì)長度
pt
px
html
pc
mm
cm
em
ex
it
分類： WEB/CSS?
在CSS中，度量單位分為兩種：
相對(duì)單位：px/em/ex/%
絕對(duì)單位：cm/pt/in/pc/mm
這些單位的具體解釋
px
相對(duì)長度單位。像素（Pixel）。
像素是相對(duì)于顯示器屏幕分辨率而言的。譬如，WONDOWS的用戶所使用的分辨率一般是96像素/英寸。而MAC的用戶所使用的分辨率一般是72像素/英寸。
em
相對(duì)長度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。
如當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
ex
相對(duì)長度單位。相對(duì)于字符“x”的高度。此高度通常為字體尺寸的一半。
如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。
pt
絕對(duì)長度單位。點(diǎn)（Point）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
pc
絕對(duì)長度單位。派卡（Pica）。相當(dāng)于我國新四號(hào)鉛字的尺寸。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
in
絕對(duì)長度單位。英寸（Inch）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
mm
絕對(duì)長度單位。毫米（Millimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
cm
絕對(duì)長度單位。厘米（Centimeter）。
1in = 2.54cm = 25.4 mm = 72pt = 6pc
究竟有什么區(qū)別呢？
首先要明白一點(diǎn)，那就是屏幕分辨率。我們知道，在不同的分辨率下，像素點(diǎn)的大小是不同的。所以同一個(gè)網(wǎng)頁，以px作長度單位時(shí)，在不同的分辨率下顯示的大小是不同的。在低分辨率下，像素點(diǎn)較大，細(xì)節(jié)不夠清晰，顯示的頁面也大，但模糊不清。
實(shí)際上,所有的單位,無論是相對(duì)還是絕對(duì)單位,最終都是轉(zhuǎn)化為px為單位的---在屏幕上的顯示。所以一般來說，在網(wǎng)頁制作時(shí)，基本單位都選擇px而不是pt，因?yàn)閜t也是通過瀏覽器的DPI轉(zhuǎn)換成px顯示（比如FireFox的DPI是96，則有9pt
=
12px）。不僅pt，cm/in/mm等都是轉(zhuǎn)換成px的。所以無論用絕對(duì)還是相對(duì)，在不同分辨率下都是會(huì)變的。不要以為我把長度設(shè)置為3cm，它就會(huì)在不同的分辨率下保持3cm不變。
那又為什么出現(xiàn)絕對(duì)單位和相對(duì)單位呢?
我覺得pt還是很有用的一個(gè)單位，在打印時(shí)尤其如此。現(xiàn)在有的網(wǎng)頁已經(jīng)實(shí)現(xiàn)了顯示是一個(gè)頁面，打印用另一種方式，我想在打印上采用的就是pt吧，因?yàn)獒槍?duì)不同的分辨率，打印出來的頁面都是一樣的大小。這就是絕對(duì)單位的第一個(gè)特征。但是依然要記住，在顯示上，這個(gè)單位代表的不是真實(shí)的物理長度，它也是要根據(jù)像素的實(shí)際大小（這個(gè)跟分辨率有關(guān)）進(jìn)行調(diào)整的。
那么絕對(duì)單位和相對(duì)單位是什么回事？首先可以了解下%單位。我們?cè)趯W(xué)習(xí)導(dǎo)航欄的制作時(shí)，有過了解"一列寬度自適應(yīng)"的布局手法。那里面將div容器的width屬性設(shè)置為80%，用的就是相對(duì)單位---相對(duì)瀏覽器窗口的大小，div塊的寬度是80%。
實(shí)際上我們可以這樣理解，將px看做絕對(duì)單位---顯示上的絕對(duì)單位。其他的相對(duì)單位都是以它為基礎(chǔ)的。比如em,它就是相對(duì)當(dāng)前文本字體的高度（假設(shè)當(dāng)前文本字體的尺寸是
12px, 我們?cè)O(shè)置新的字體為1.5em,則新字體尺寸轉(zhuǎn)換為 12 * 1.5 =
18px）。要記住的就是em是相對(duì)父級(jí)元素的高度---假設(shè)第一個(gè)div里面我們?cè)O(shè)置了字體是12px,第二級(jí)我們?cè)O(shè)置為1.5em,第三級(jí)設(shè)置為1.5em，實(shí)際上字體的顯示是：第一級(jí)12px,第二級(jí)18px，第三級(jí)
18 * 1.5 = 27px。
