CSS 中值的單位

CSS 中的單位

CSS 中常使用數值。有時以絕對單位指定，有時以相對單位指定。

CSS 提供長度、角度、頻率的值，且每個 CSS 內都支援不同測量單位之間的轉換。

了解 CSS 支援的各種單位或測量，使 Web 開發人員和設計人員能夠在他們舒適的思維空間內工作。

以下是 CSS 支援的單位列表。

絕對單位

長度

cm、mm、Q、in、pt、pc、px

Unit	Name	Equivalent to
cm	Centimeters	1cm = 37.8px = 1/2.54 of 1in
mm	Millimeters	1mm = 1/10 of 1cm
Q	Quarter-millimeters	1Q = 1/40 of 1cm
in	Inches	1in = 2.54cm = 96px
pc	Picas	1pc = 1/6 of 1in
pt	Points	1pt = 1/72 of 1in
px	Pixels	1px = 1/96 of 1in

角度

度、度、弧度、轉

Unit	Name	Equivalent to
deg	Degree	360deg = 1 full circle
grad	Gradian	400grad = 1 full circle
rad	Radian	6.2832rad = 1 full circle (π approx = 3.1416)
turn	Turn	1 turn = 1 full cirle

時間

小，女士

unit	name	equivalent to
s	second	1s = 1000ms
ms	millisecond	1ms = 1/1000 of 1s

頻率單位

赫茲、千赫茲

unit	name	equivalent to
Hz	Hertz	1Hz = 1/1000 of 1 kHz
kHz	Kilo Hertz	1KHz = 1000Hz

解析度單位

dpi、dpcm、dppx

相對單位

顧名思義，這些單位提供的這些值是相對於其他一些值的。它可能與某些父元素或視口有關。

字體相關

em、ex、ch、rem

視窗相關

%、vw、vh、vmin、vmax

容器查詢相關

cqw、cqh、cqi、cqb、cqmin、cqmax

注意

通常的做法是為容器元素定義絕對值，然後對所有後代元素使用相對值。

以上是CSS 中值的單位的詳細內容。更多資訊請關注PHP中文網其他相關文章！