CSS中的度量單位

2021-05-23 18:11:27 字數 395 閱讀 7515

px

相對長度單位。畫素(pixel)

畫素是相對於顯示器螢幕解析度而言的。

em相對長度單位。相對於當前物件內文字的字型尺寸。如當前行文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

ex相對長度單位。相對於字元「x」的高度。此高度通常為字型尺寸的一半。如當前行文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。

pt絕對長度單位。點(point)

pc絕對長度單位。派卡(pica),相當於我國新四號鉛字的尺寸。

in絕對長度單位。英吋(inch)

mm絕對長度單位。公釐(millimeter)

cm絕對長度單位。厘公尺(centimeter)

1in = 2.54cm = 25.4mm = 72pt = 6pc

常用的CSS度量單位

em 相對長度單位。相對於當前物件內文字的字型尺寸。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。ex 相對長度單位。相對於字元 x 的高度。此高度通常為字型尺寸的一半。如當前對行內文字的字型尺寸未被人為設定,則相對於瀏覽器的預設字型尺寸。px 畫素 pixel 相對長度單位...

CSS度量單位rem em vw vh詳解

單位 說明相容性 em相對長度單位,相對於當前物件內文字的字型尺寸,根據父元素的大小變化而變化 良好rem 相對長度單位,相對於跟元素 即 html 元素 font size 的倍數,不會被它的父元素影響 ie9 火狐 3.6 safari5.0 vw相對於視口的寬度,視口被均分為 100 單位的v...

CSS顏色與度量單位

顏色表方案顏色的表現形式主要有三種方式 顏色名稱 p解釋 這是將乙個段落內的文字設定為紅色,採用的是英文顏色名稱 解釋 rgb r,g,b 用rgb模型表示顏色 如rgb 0,128,128 rgba r,g,b,a 同上,a表示透明度0 1之間,如rgba 0,128,128,0.5 hsl h,...