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