css之单位

css之单位

角度

用于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。

频率

表示频率维度，诸如说话声音的音高。它目前不在任何CSS属性中使用。

Hz表示以赫兹为单位的频率。

例如：0Hz，1500Hz，10000Hz。

kHz表示以千赫为单位的频率。

例如：0kHz，1.5kHz，10kHz。

长度

表示的距离值。长度可以以多种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根元素（通常）。在根元素中使用时font-size，它表示其初始值（常见的浏览器默认值为16px，但用户定义的首选项可能会修改此值）。

rlh等于line-height根元素（通常）上的属性的计算值，转换为绝对长度。当在根元素的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中删除。

时间

s表示以秒为单位的时间。例如：0s，1.5s，-60s。

ms表示以毫秒为单位的时间。例如：0ms，150.25ms，-60000ms。

fr单位

可以使用任何长度单位定义轨道。网格还引入了一个额外的长度单元来帮助我们创建灵活的网格轨道。新fr单元表示网格容器中可用空间的一小部分。下一个网格定义将创建三个相等宽度的轨道，根据可用空间增长和缩小。

css之单位