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

css尺寸單位有哪些

李世東1年前6瀏覽0評論

CSS是網(wǎng)站布局和樣式開發(fā)中必需的技術之一。當用戶在訪問網(wǎng)站時,CSS將決定網(wǎng)站的排版和樣式。而對于CSS中尺寸單位的使用也是十分重要的。下面我們來看一看CSS尺寸單位都有哪些。

1、px

p{
font-size: 16px;
}

px是相對長度單位,指定一個固定的像素值。這個單位的使用最為廣泛,尤其是在處理字體大小時,常使用px作為單位進行設置。

2、em

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

em是相對長度單位,指定一個相對于父元素字體大小的倍數(shù)值。例如,如果父元素的字體大小為16px,那么1em就等于16px。如果是子元素的字體大小為1.5em,那么就是24px。

3、rem

html{
font-size: 16px;
}
p{
font-size: 1.5rem;
}

rem也是相對長度單位,與em不同的是,rem相對于根元素(html)的字體大小進行計算,而非相對于父元素的字體大小。這樣,rem可以避免由于多層嵌套元素造成的字體大小累加,使得開發(fā)更為方便。

4、vw和vh

p{
width: 50vw;
height: 50vh;
}

vw和vh是相對視口單位,指定一個相對于瀏覽器視口大小的百分比。vw表示視口寬度的百分比,vh表示視口高度的百分比。通常用于響應式布局。

總結一下,以上是CSS中常用的尺寸單位,通過這些單位可以方便地設置樣式,讓網(wǎng)站的排版和樣式更加美觀。在使用時,需要根據(jù)不同的情況選擇合適的單位進行使用。