CSS常見的單位有哪些，它們的區(qū)別是什么？%Percentage英寸厘米毫米em1米等于當(dāng)前字體大小。2em等于當(dāng)前字體大小的兩倍。例如，如果元素以16px顯示，則2em為32px。在CSS中，EM是

CSS常見的單位有哪些，它們的區(qū)別是什么？

%Percentage

英寸

厘米

毫米

em

1米等于當(dāng)前字體大小。

2em等于當(dāng)前字體大小的兩倍。

例如，如果元素以16px顯示，則2em為32px。

在CSS中，EM是一個(gè)非常有用的單元，因?yàn)樗梢宰詣?dòng)適應(yīng)用戶使用的字體。

Ex Ex是字體的x高度。（x高度通常是字體大小的一半。)

PT point（1 PT等于1/72英寸）

PC 12 point movable type（1 PC等于12點(diǎn)）

PX pixel（計(jì)算機(jī)屏幕上的一個(gè)點(diǎn)）

VW：（值1-100），了解100vw的全屏寬度，自適應(yīng)屏幕。

VH：（值1-100），了解全屏高度為100vh，自適應(yīng)屏幕。

css3中vh和vw是什么意思？

1. 因此，HTML5和CSS3引入了視圖的概念來取代顯示器的物理尺寸。

通過meta選項(xiàng)卡上的設(shè)置，視口的長(zhǎng)度和寬度可以等于或不同于設(shè)備的物理分辨率（以便您可以用手機(jī)上的兩個(gè)手指放大和縮小頁面），可以根據(jù)您的需要靈活掌握。在PC中，視圖的長(zhǎng)度和寬度與瀏覽器窗口的物理分辨率相同。2.1vw等于觀察孔寬度的百分之一，即100vw為觀察孔寬度。類似地，1vh等于將30px更改為5Vw，這意味著窗口寬度的5%。同樣，10vw。三。但是，因?yàn)閂W和VH是CSS3只支持的長(zhǎng)度單位，所以它們是不支持CSS3的瀏覽器中無效視圖高度的百分之一。

CSS為什么這么難學(xué)？

隨著技術(shù)的更新和迭代，前端工作越來越繁重和復(fù)雜。

CSS技術(shù)就像一個(gè)數(shù)學(xué)問題。它有太多的可變性。這就是困難所在。例如，您可以清楚地看到11=2，但是您是否需要考慮1 1000-10 1100 123的問題？

隨著CSS3的出現(xiàn)，CSS不再簡(jiǎn)單，CSS3動(dòng)畫、變形、漸變、過濾器等

布局有彈性、網(wǎng)格等。就像數(shù)學(xué)問題一樣，任何組合都是一種新類型的問題，變得極其復(fù)雜。所以學(xué)好基礎(chǔ)知識(shí)更重要，要有各種知識(shí)，扎實(shí)的基礎(chǔ)知識(shí)，看問題類型，有自己的想法，有多種解決方法，不受限制。CSS有復(fù)雜和困難的樣式，我們可以使用多種解決方案，比如canvas、SVG、真不圖像等等。