在CSS中,em是一種相對于字體大小的單位。
p { font-size: 16px; /* 設定默認字體大小為16px */ } h1 { font-size: 2em; /* h1的字體大小為默認字體大小的2倍,即32px */ } p em { font-size: 1.2em; /* 在p標簽中使用em單位,em的大小為默認字體大小的1.2倍,即19.2px */ }
如上所述,在設置樣式時,可以使用em來控制字體大小。em單位會相對于所在元素的字體大小進行計算,例如,如果字體大小為16px,使用1em就相當于16px。如果是在嵌套元素里使用em單位,則會相對于父元素的字體大小進行計算。
em單位的好處在于可以靈活地調整元素的大小,同時也保持了整體設計的一致性。當然,在使用em時也要注意控制好字體的大小,避免過于夸張或不協調的效果。
上一篇css里dotted
下一篇js控制css 透明仕樣