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
分别是相对于视口的高度和宽度。