在CSS中，我們經(jīng)?？吹健癳m”這個(gè)詞，那么它究竟是什么意思呢？

em {
font-style: italic;
}

其實(shí)，“em”是CSS中的一個(gè)相對(duì)長(zhǎng)度單位，是相對(duì)于當(dāng)前元素字體大小的倍數(shù)。

p {
font-size: 16px;
}
em {
font-size: 2em; /* 相當(dāng)于 32px */
}

例如，上面的代碼中，我們定義了p元素的字體大小為16像素，而在em選擇器內(nèi)又將字體大小設(shè)為了2倍，即32像素。這樣，所有使用em單位的字體大小都將是相對(duì)于p元素的字體大小的2倍。

使用em單位可以使得我們的網(wǎng)頁(yè)具有良好的可擴(kuò)展性，當(dāng)用戶通過(guò)瀏覽器調(diào)整字體大小時(shí)，網(wǎng)頁(yè)中的元素也能夠自適應(yīng)地調(diào)整大小，以保證良好的用戶體驗(yàn)。而且，使用em單位也更具語(yǔ)義化，能夠更好地表達(dá)我們的意圖。

.container {
width: 40em;
}

此外，em單位還可以用于定義一些元素的寬度或高度。例如，上面的代碼中，我們將.container元素的寬度設(shè)為40倍字體大小，這樣，當(dāng)字體大小改變時(shí)，容器的寬度也會(huì)同步地調(diào)整，保證布局的穩(wěn)定。

總之，em單位在CSS中扮演著重要的角色，不僅有利于可維護(hù)性和可擴(kuò)展性，還能夠更好地幫助我們表達(dá)樣式規(guī)則。