CSS 单位与值- <length>
数字、长度和百分比
CSS 中的各种数值数据类型,以下是全部归类为数值:
| 数值类型 | 描述 |
|---|---|
<integer> | <integer>是一个整数型,例如 12024 或-55。 |
<number> | <number>表示一个小数——他可能小数后面的部分,也可能没有小数,例如0.255、128、-1.2。 |
<dimension> | <dimension>是一个<number>它有一个附加的单位,例如45deg、5s或10px。<dimension>是一个伞形类别,包含<length>、angle、time、resoultion类型。 |
<precentage> | <precentage>表示其他值的一部分,例如50%。百分值总是相对于另一个量。例如一个元素的高度相对于其父元素的长度。 |
绝对长度单位
单位px,名称像素
相对长度单位
相对单位顾名思义,相对于其他东西的。例如:
em、rem分别是相对于父元素和根元素的字体大小。vw和vh分别是相对于视口的高度和宽度。