在css3中，em是一個(gè)相對(duì)長(zhǎng)度單位，相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸，也就是font-size設(shè)置的大小；如果當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。

創(chuàng)新互聯(lián)建站服務(wù)項(xiàng)目包括周寧網(wǎng)站建設(shè)、周寧網(wǎng)站制作、周寧網(wǎng)頁(yè)制作以及周寧網(wǎng)絡(luò)營(yíng)銷(xiāo)策劃等。多年來(lái)，我們專(zhuān)注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢(shì)、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，周寧網(wǎng)站推廣取得了明顯的社會(huì)效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到周寧省份的部分城市，未來(lái)相信會(huì)繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

em是相對(duì)長(zhǎng)度單位，相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸，也就是font-size設(shè)置的大小。它的單位長(zhǎng)度是根據(jù)元素的文本文字垂直長(zhǎng)度來(lái)決定的。

如當(dāng)前對(duì)行內(nèi)文本的字體尺寸未被人為設(shè)置，則尋找父級(jí)的font-size，如果沒(méi)有父級(jí)或者父級(jí)沒(méi)有設(shè)置font-size，就相對(duì)于瀏覽器的默認(rèn)字體尺寸(16px)。

例如1：默認(rèn)狀態(tài)下直接給內(nèi)部p寬高10em

Inspect 截圖如下：

可以看到，我們給了 #app p的寬高都是10em。瀏覽器渲染后他們的寬高都是160px。這個(gè)大小正好是16px的10倍。 這個(gè)大小正是瀏覽器默認(rèn)的 font-size 的 16px。

Inspect 截圖：

這兩個(gè)例子足矣。

（學(xué)習(xí)視頻分享：css視頻教程）