码迷,mamicode.com
首页 > Web开发 > 详细

css之单位

时间:2018-10-09 14:23:55      阅读:628      评论:0      收藏:0      [点我收藏+]

标签:turn   额外   6.2   属性   size   弧度   frequency   渲染   code   

css之单位

角度<angle>

用于<gradient>s和某些transform功能中

deg表示以度为单位的角度。一整圈就是360deg

例如:0deg90deg14.23deg

grad用渐变表示角度。一整圈就是400grad

例如:0grad100grad38.8gradrad表示以弧度表示的角度。

一个完整的圆是2π弧度,近似于6.2832rad1rad是180 /π度。

例如:0rad1.0708rad6.2832radturn表示一个转数的角度。

一整圈就是1turn。例如:0turn0.25turn1.2turn

频率<frequency>

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

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

例如:0Hz1500Hz10000Hz

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

例如:0kHz1.5kHz10kHz

长度<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-sizeline-height属性上使用时,它引用属性的初始值。

视口百分比长度

vh等于视口初始包含块高度的1%

vw等于视口初始包含块宽度的1%

vi等于初始包含块大小的1%,在根元素的内联轴方向上

vb等于初始包含块大小的1%,在根元素的块轴方向上

vmin等于较小的vwvh

vmax等于较大vwvh

绝对长度单位

px一个像素。对于屏幕显示,它传统上代表一个设备像素(点)。但是,对于打印机高分辨率屏幕,一个CSS像素意味着多个设备像素。1px= 1/96 1in

cm一厘米。1cm96px/2.54

mm一毫米。1mm= 1/10 1cm

Q四分之一毫米。1Q= 1/40 1cm

in一英寸。1in2.54cm96px

pc一个异食癖。1pc12pt= 1/6 1in

pt一点。1pt= 1/72 1in

mozmm ,在Firefox 59中删除。

时间<time>

s表示以秒为单位的时间。例如:0s1.5s-60s

ms表示以毫秒为单位的时间。例如:0ms150.25ms-60000ms

fr单位

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

css之单位

标签:turn   额外   6.2   属性   size   弧度   frequency   渲染   code   

原文地址:https://www.cnblogs.com/zero-vic/p/9759975.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!