em是CSS中一個(gè)單位,其大小基于父元素的字體大小。在CSS中,em是相對(duì)單位,而px是絕對(duì)單位。em通常被用來設(shè)置文字大小,但也可以用來設(shè)置其他CSS屬性,比如字距、行高等。
p{ font-size: 14px; line-height: 1.5em; letter-spacing: 0.1em; }
在上面的代碼中,我們給p標(biāo)簽設(shè)置了樣式。其中l(wèi)ine-height和letter-spacing屬性使用了em單位。具體地,line-height設(shè)置為1.5em,表示行高為字體大小的1.5倍;letter-spacing設(shè)置為0.1em,表示字距為字體大小的0.1倍。
需要注意的是,em單位的大小不僅與字體大小有關(guān),還與字體本身的設(shè)計(jì)有關(guān)。比如,兩個(gè)字體的字號(hào)相同,但因?yàn)樽煮w設(shè)計(jì)的不同,其em單位的大小也可能不同。
在沒有明確設(shè)置字體大小的情況下,em單位的大小默認(rèn)等于16px。這就是為什么em被稱為相對(duì)單位的原因:它的大小相對(duì)于默認(rèn)字體大小而言。
p{ font-size: 1em; /* 默認(rèn)字體大小為16px */ }
在上面的代碼中,我們明確地將p標(biāo)簽的字體大小設(shè)置為1em,即默認(rèn)字體大小為16px。
總之,em是一種十分實(shí)用的CSS單位,通過調(diào)整em的值,我們可以方便地控制字體大小、行高、字距等屬性,提高頁面的可讀性和美觀度。
下一篇css em 定義