在CSS中，我們經常看到“em”這個詞，那么它究竟是什么意思呢？

em {
font-style: italic;
}

其實，“em”是CSS中的一個相對長度單位，是相對于當前元素字體大小的倍數。

p {
font-size: 16px;
}
em {
font-size: 2em; /* 相當于 32px */
}

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

使用em單位可以使得我們的網頁具有良好的可擴展性，當用戶通過瀏覽器調整字體大小時，網頁中的元素也能夠自適應地調整大小，以保證良好的用戶體驗。而且，使用em單位也更具語義化，能夠更好地表達我們的意圖。

.container {
width: 40em;
}

此外，em單位還可以用于定義一些元素的寬度或高度。例如，上面的代碼中，我們將.container元素的寬度設為40倍字體大小，這樣，當字體大小改變時，容器的寬度也會同步地調整，保證布局的穩定。

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