CSS中的單位有很多種,其中em是比較常用的一個。那么什么是em呢?em是指相對于父元素字體大小的單位。如果父元素的字體大小為16px,1em就等于16px。
要使用em單位,可以在CSS中這樣設置:
p { font-size: 1em; }
這樣設置后,p元素就會根據其父元素的字體大小來設置自己的字體大小。
還可以在CSS中嵌套使用em,比如:
div { font-size: 16px; } p { font-size: 1.2em; /* 相對于div的字體大小 */ padding: 0.5em; /* 相對于p自己的字體大小 */ }
上面的代碼中,p元素的字體大小會相對于其父元素div來設置,padding屬性的值則會相對于p元素自己的字體大小來設置。
需要注意的是,使用em作為單位可能會有兼容性問題,因為不同瀏覽器對em的解析可能不一樣。如果想要更好的兼容性,可以使用像素(px)或百分比(%)這樣的單位來代替。