欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css 中em的用法

CSS中的em單位常常被用來表示相對(duì)于字體大小的尺寸。em是基于當(dāng)前字體尺寸的單位,如果當(dāng)前的字體大小為16px,則1em等于16像素,2em等于32像素,以此類推。

以字體大小為例,假設(shè)我們現(xiàn)在想要讓所有p標(biāo)簽字體大小增加1.5倍,可以這樣寫:

p {
font-size : 1.5em;
}

此時(shí),這個(gè)1.5em是相對(duì)于原來的字體大小來計(jì)算的,如果原來字體大小為16px,則現(xiàn)在p標(biāo)簽的字體大小為24像素。

em也可以被用來設(shè)置任何需要基于字體大小的尺寸,比如列表的縮進(jìn)。如果我們想讓列表項(xiàng)比列表的縮進(jìn)大一倍,可以這樣寫:

ul {
padding-left: 2em;
}
li {
text-indent: -1em;
}

這樣,我們就可以實(shí)現(xiàn)列表的縮進(jìn)效果。其中,padding-left: 2em的2em是相對(duì)于該元素的字體大小來計(jì)算的,所以縮進(jìn)的大小是相對(duì)于字體大小變化的。