CSS的長度單位

2022-06-21 20:48:10 字數 376 閱讀 6216

對於css的長度單位真的有必要知道一下。那麼css長度單位有哪些呢?

分成兩大類:

1.絕對單位:不會因為其他元素的尺寸變化而變化。堅持自我。

2.相對單位:沒有乙個確定的值,而是由其他元素的尺寸影響的。

1.絕對元素: px(畫素,螢幕中的乙個點。用得最多的)、pt(points)、pc(picas)、in、cm、mm(10mm =1cm)、q(1q =1/4mm);

2.相對元素: %(相對于父元素的寬度或字型大小)、em(相對于父元素字型大小)、rem(相對於html標籤字型大小)、

ex(當前字型環境中x字母的高度)、ch(當前字型環境中 0 數字的高度)、

vw(1%瀏覽器可視區域的寬度)、vh(1%瀏覽器可視區域的高度)

css 長度單位

畫素 螢幕 顯示器 實際上是由乙個乙個的小點點構成的 不同螢幕的畫素大小是不同的,畫素越小的螢幕顯示的效果越清晰 所以同樣的200px在不同的裝置下顯示效果不一樣 百分比 也可以將屬性值設定為相對於其父元素屬性的百分比 設定百分比可以使子元素跟隨父元素的改變而改變 doctype html en u...

CSS的長度單位

css相對長度單位中的相對二字,表明了其長度單位會隨著它的參考值的變化而變化,不是固定的。以下是css相對長度單位列表 css相對長度單位 說明em 元素的字型高度the height of the element s font ex字母x的高度the height of the letter x ...

CSS 的長度單位

長度單位包括包括 相對單位和絕對單位。相對長度單位包括有 em,ex,ch,rem,vw,vh,vmax,vmin 絕對長度單位包括有 cm,mm,q,in,pt,pc,px em相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。ex...