CSS中的em是一個非常常用的單位,它表示元素中的字體大小。em被稱為相對單位,因為它的大小取決于元素中設置的字體大小。
p { font-size: 16px; } span { font-size: 0.8em; }
在這個例子中,span元素的字體大小是父元素(即p元素)的80%。如果p元素的字體大小為16px,則span元素的字體大小為12.8px。
使用em單位是非常靈活的,因為它可以自適應瀏覽器窗口大小和用戶選擇的字體大小。這使得em成為構建響應式網站的有力工具。
需要注意的是,em單位不僅僅適用于字體大小。它也可以用于其他CSS屬性,如邊框寬度,內外邊距等。
.box { font-size: 14px; border: 1em solid black; padding: 0.5em; margin: 1em; }
在這個例子中,.box類的邊框寬度為字體大小的1em,內外邊距為字體大小的0.5em和1em。
總之,em單位是一種很有用的工具,可以幫助我們構建更靈活的網站,并且它可以用于元素的字體大小、邊框寬度、內外邊距等CSS屬性。
下一篇css中div漸變