CSS教程：簡(jiǎn)單理解em
互聯(lián)網(wǎng) 發(fā)布時(shí)間：2008-10-17 19:23:55 作者：佚名 
我要評(píng)論
我要評(píng)論px比em更加容易使用,em指字體高，任意瀏覽器的默認(rèn)字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px，所以10px=0.625em。為了簡(jiǎn)化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?6px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是
px比em更加容易使用,em指字體高，任意瀏覽器的默認(rèn)字體高都是16px。所以未經(jīng)調(diào)整的瀏覽器都符合: 1em=16px，所以10px=0.625em。為了簡(jiǎn)化font-size的換算，需要在css中的body選擇器中聲明Font-size=62.5%，這就使em值變?yōu)?6px*62.5%=10px, 這樣12px=1.2em, 10px=1em, 也就是說(shuō)只需要將你的原來(lái)的px數(shù)值除以10，然后換上em作為單位就行了。
em的特性
1. em的值并不是固定的；
2. em會(huì)繼承父級(jí)元素的字體大小。
相關(guān)文章
- 說(shuō)說(shuō)css的幾種距離吧，大致有px、em、pt、pc、in、mm、cm、ex八種，其中最常見(jiàn)到的是px，我還見(jiàn)到過(guò)的有ex和mm、cm，當(dāng)然后兩個(gè)在當(dāng)年見(jiàn)的更多2014-07-28
CSS Font-Size: em、px 、pt 、Percent之間的關(guān)系及換算
這篇文章主要介紹了CSS Font-Size: em、 px 、pt 、Percent之間的關(guān)系及換算，本篇整理的還是比較詳細(xì)的，需要的朋友可以參考下2014-05-15搞清楚CSS中單位px與em之間的關(guān)系和特點(diǎn)
一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)，看過(guò)以后確實(shí)收獲很大，用px來(lái)定義字體，所以無(wú)法用瀏覽器字體放大的功能，下面為大家講解下2014-02-27CSS的em、px、pt長(zhǎng)度單位轉(zhuǎn)換示例
如果字體未做任何CSS設(shè)定或者元素的設(shè)定，默認(rèn)的字體是12pt或者16px，或者1em，或者font size=3下面有個(gè)不錯(cuò)的em、px、pt長(zhǎng)度單位轉(zhuǎn)換示例，不懂的朋友可以參考下2013-11-07- 網(wǎng)站制作中字體單位應(yīng)該用em而不用px，原因簡(jiǎn)單來(lái)說(shuō)就是支持IE6下的字體縮放，在頁(yè)面中按ctrl+滾輪，字體以px為單位的網(wǎng)站沒(méi)有反應(yīng)，在本文將為大家詳細(xì)介紹下2013-09-16
css中的長(zhǎng)度單位(em/ex/px/pt)使用介紹
css中的長(zhǎng)度單位在網(wǎng)頁(yè)布局中經(jīng)常會(huì)用到(em/ex/px/pt)，至于在什么情況下使用，怎么用將在下文為大家詳細(xì)介紹下2013-06-16學(xué)習(xí)CSS了解單位em和px的區(qū)別-CSS教程-網(wǎng)頁(yè)制作-網(wǎng)頁(yè)教學(xué)網(wǎng)
這里引用的是Jorux的“95%的中國(guó)網(wǎng)站需要重寫(xiě)CSS”的文章，題目有點(diǎn)嚇人，但是確實(shí)是現(xiàn)在國(guó)內(nèi)網(wǎng)頁(yè)制作方面的一些缺陷。我一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)2008-10-17- 很長(zhǎng)一段時(shí)間，我都使用12px作為網(wǎng)站的主要字體大小,10px太小，眼睛很容易疲勞2008-10-17
- 這篇文章主要介紹了CSS中單位px與em的區(qū)別 的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-05