CSS中的em是指相對于父元素的字體大小而言的單位。
.parent { font-size: 16px; } .child { font-size: 1.5em; }
在上述代碼中,子元素child的字體大小是父元素parent字體大小的1.5倍,即24像素。
使用em單位可以使得網頁元素的字體大小更具有靈活性,當我們需要改變整個網頁的字體大小時,只需要改變根元素的字體大小即可影響整個網頁。
html { font-size: 18px; }
在上述代碼中,我們將根元素的字體大小變為18像素,于是整個網頁中使用em單位的字體大小都會相應地增加。
在實際應用中,我們可以根據網頁的設計需要,選擇合適的字體大小和em單位,以實現所需的效果。