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中文網其他相關文章！
