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

css em怎么樣

老白2年前8瀏覽0評論

CSS中的em是一種相對于父元素的長度單位。這意味著一個元素的em值實際上是相對于它的父元素的字體大小的倍數(shù)。

舉個例子,如果一個段落的字體大小是16px,而它的父元素的字體大小為20px,那么這個段落中的em單位將是0.8(16/20)。如果再在這個段落中應(yīng)用一個em值為1.5的字體大小,那么它的實際大小就是20px * 1.5 = 30px(父元素字體大小 * 1.5),而不是24px(16px * 1.5)。

p {
font-size: 16px;
}
.container {
font-size: 20px;
}

在上述代碼中,我們在p元素中設(shè)置了字體大小為16px,而在其父元素.container中設(shè)置了字體大小為20px。如果我們在p元素中設(shè)置font-size: 1em;,它將與16px相等,但如果我們在.container元素中設(shè)置font-size: 1em;,它將與20px相等。

總的來說,em單位在響應(yīng)式設(shè)計中非常有用,因為它可以幫助元素相對于父元素自適應(yīng)大小。它也很容易使用,因為你只需要知道父元素的字體大小和你想要元素的字體大小與父元素字體大小的比例即可。

上一篇css f0c9
下一篇css em屬性