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

css 2em

錢淋西2年前13瀏覽0評論

CSS中有一個很常用的長度單位,那就是em。它代表的是相對長度,在不同的上下文中,它的大小也會有所不同。

p {
font-size: 16px;
line-height: 1.5em;
}

在上面的代碼中,我們將p元素的字體大小設置為16px,其行高設置為1.5em。這里的1.5em代表的是相對于文本字體大小的1.5倍,即24px(16 * 1.5 = 24)。

.header {
font-size: 2em;
}
.body {
font-size: 1.5em;
}

在上面的代碼中,我們分別為.header和.body元素設置不同的字體大小,其中.header設置的字體大小為父元素字體大小的2倍,.body設置的字體大小為父元素字體大小的1.5倍。這里的父元素指的是元素上一層的父級元素,如果沒有則指瀏覽器的默認字體大小。

需要注意的是,em單位的大小是相對于當前元素的字體大小計算而來的。如果我們在一個字體大小為16px的元素中,設置一個1em的字體大小,那么這個元素的字體大小就是16px。而如果我們在一個字體大小為20px的元素中,設置一個1em的字體大小,那么這個元素的字體大小就是20px。

上一篇css 2021
下一篇css 1pt