css之单位
角度<angle>
用于<gradient>
s和某些transform
功能中
deg
表示以度为单位的角度。一整圈就是360deg
。
例如:0deg
,90deg
,14.23deg
。
grad
用渐变表示角度。一整圈就是400grad
。
例如:0grad
,100grad
,38.8grad
。rad
表示以弧度表示的角度。
一个完整的圆是2π弧度,近似于6.2832rad
。1rad
是180 /π度。
例如:0rad
,1.0708rad
,6.2832rad
。turn
表示一个转数的角度。
一整圈就是1turn
。例如:0turn
,0.25turn
,1.2turn
。
频率<frequency>
表示频率维度,诸如说话声音的音高。它目前不在任何CSS属性中使用。
Hz
表示以赫兹为单位的频率。
例如:0Hz
,1500Hz
,10000Hz
。
kHz
表示以千赫为单位的频率。
例如:0kHz
,1.5kHz
,10kHz
。
长度<lenghth>
表示的距离值。长度可以以多种CSS属性
字体相对长度单位
cap
表示元素的“上限高度”(大写字母的名义高度)font
。
ch
表示元素中字形“0”(零,Unicode字符U + 0030)的宽度,或者更准确地说是提前度量font
。
em
表示font-size
元素的计算结果。如果在font-size
属性本身上使用它,它表示元素的继承字体大小。
ex
表示元素的x高度font
。在带有“x”字母的字体上,这通常是字体中小写字母的高度; 1ex ≈ 0.5em
在许多字体中。
ic
等于在用于渲染它的字体中找到的“水”(CJK水表意文字,U + 6C34)字形的使用预先测量。
lh
等于line-height
使用它的元素的属性的计算值,转换为绝对长度。rem
表示font-size
根元素(通常<html>
)。在根元素中使用时font-size
,它表示其初始值(常见的浏览器默认值为16px
,但用户定义的首选项可能会修改此值)。
rlh
等于line-height
根元素(通常<html>
)上的属性的计算值,转换为绝对长度。当在根元素的font-size
或line-height
属性上使用时,它引用属性的初始值。
视口百分比长度
vh
等于视口初始包含块高度的1%。
vw
等于视口初始包含块宽度的1%。
vi
等于初始包含块大小的1%,在根元素的内联轴方向上。
vb
等于初始包含块大小的1%,在根元素的块轴方向上。
vmin
等于较小的vw
和vh
。
vmax
等于较大vw
和vh
。
绝对长度单位
px
一个像素。对于屏幕显示,它传统上代表一个设备像素(点)。但是,对于打印机和高分辨率屏幕,一个CSS像素意味着多个设备像素。1px
= 1/96 1in
。
cm
一厘米。1cm
= 96px/2.54
。
mm
一毫米。1mm
= 1/10 1cm
。
Q
四分之一毫米。1Q
= 1/40 1cm
。
in
一英寸。1in
= 2.54cm
= 96px
。
pc
一个异食癖。1pc
= 12pt
= 1/6 1in
。
pt
一点。1pt
= 1/72 1in
。
mozmm
,在Firefox 59中删除。
时间<time>
s
表示以秒为单位的时间。例如:0s
,1.5s
,-60s
。
ms
表示以毫秒为单位的时间。例如:0ms
,150.25ms
,-60000ms
。
fr单位
可以使用任何长度单位定义轨道。网格还引入了一个额外的长度单元来帮助我们创建灵活的网格轨道。新fr
单元表示网格容器中可用空间的一小部分。下一个网格定义将创建三个相等宽度的轨道,根据可用空间增长和缩小。