本文為大家介紹一下CSS中em和px的區別

本文為大家介紹一下CSS中em和px的區別，希望對大家有幫助。

　　Font-size:1.5em;

　　其實在國外CSS編寫中，使用em作為單位是很多的，一是人性化考慮，二是受到美國勞工部Section508法案的強行限制。那麼在網頁設計中，常用到的度量單位一共有三種，分別是px/em/pt：

　　*px單位名稱為像素，相對長度單位，像素(px)是相對於顯示器屏幕分辨率而言的，國內的網站很多都是采用px作為單位的。

　　*em單位名稱為相對長度單位。相對於當前對象內文本的字體尺寸。在國外使用的很多。眾多先進浏覽器【IE除外的基本都是】都支持字體調整。

　　*pt單位名稱為點(Point)，絕對長度單位，這個很老了，老到胡子都一把了。。基本沒有使用的了。

　　第一、em與px之間怎麼換算?

　　*任意浏覽器的默認字體高度16px(16像素)。

　　*所有未經調整的浏覽器都符合:1em=16px。

　　*那麼12px=0.75em,10px=0.625em。

　　為了簡化font-size的換算，需要在css中的body選擇器中聲明font-size=62.5%，這就使em值變為16px*62.5%=10px,這樣12px=1.2em,10px=1em,也就是說只需要將你的原來的px數值除以10，然後換上em作為單位就行了。

　　第二、em單位有什麼特點?

　　*em的值並不是固定的。

　　*em會繼承父級元素的字體大小。

　　我們在寫CSS的時候如果要用em為單位，需要注意兩點：

　　*body選擇器中聲明Font-size=62.5%;

　　*將你的原來的px數值除以10，然後換上em作為單位;

　　*重新計算那些被放大的字體的em數值。避免字體大小的重復聲明。

　　也就是避免1.2*1.2=1.44的現象。比如說你在#content中聲明了字體大小為1.2em，那麼在聲明的字體大小時就只能是1em，而不是1.2em,因為此em非彼em，它因繼承#content的字體高而變為了1em=12px。

　　注：建議不要使用em作為中文站點的文字單位，會導致文字變形十分嚴重的。

(