CSS中的em是一個(gè)非常常用的單位,它表示元素中的字體大小。em被稱為相對(duì)單位,因?yàn)樗拇笮∪Q于元素中設(shè)置的字體大小。
p { font-size: 16px; } span { font-size: 0.8em; }
在這個(gè)例子中,span元素的字體大小是父元素(即p元素)的80%。如果p元素的字體大小為16px,則span元素的字體大小為12.8px。
使用em單位是非常靈活的,因?yàn)樗梢宰赃m應(yīng)瀏覽器窗口大小和用戶選擇的字體大小。這使得em成為構(gòu)建響應(yīng)式網(wǎng)站的有力工具。
需要注意的是,em單位不僅僅適用于字體大小。它也可以用于其他CSS屬性,如邊框?qū)挾龋瑑?nèi)外邊距等。
.box { font-size: 14px; border: 1em solid black; padding: 0.5em; margin: 1em; }
在這個(gè)例子中,.box類的邊框?qū)挾葹樽煮w大小的1em,內(nèi)外邊距為字體大小的0.5em和1em。
總之,em單位是一種很有用的工具,可以幫助我們構(gòu)建更靈活的網(wǎng)站,并且它可以用于元素的字體大小、邊框?qū)挾?、?nèi)外邊距等CSS屬性。