CSS 中的值与单位

总的来说在CSS中的数值数据类型可以分为以下几种类型：

数值类型	描述
	整数
	小数
	数值 + 单位
	百分比

单位：

• 长度：

  • 绝对长度单位：

    单位	名称	等价换算
    cm	厘米	1 cm = 96 px / 2.54
    mm	毫米	1 mm = (1/10) cm
    Q	1/4毫米	1 Q = (1/40) cm
    in	英寸	1 in = 2.54 cm = 96 px
    pc	十二点活字	1 pc = (1/16) in
    pt	点	1 pt = (1/72) in
    px	像素	1 px = (1/96) in

  • 相对长度单位：

    单位	参考系
    em	在font-size中使用时相对于父元素的font-size，在其他属性中使用是相对于自身的font-size
    ex	字符‘x’的高度
    ch	数字‘0’的宽度
    rem	根元素的字体大小
    lh	元素的line-height
    vw	视口宽度的1%
    vh	视口高度的1%
    vmin	视口较小尺寸的1%
    vmax	视口较大尺寸的1%

• 颜色

  • 颜色关键字

    是不区分大小写的标识符：black、sliver...

  • transparent关键字:透明

  • currentColor关键字:继承本级别的border属性值，或者父级别的border属性值

  • RGB颜色：

    • rgb()
    • rgba()

  • HSL颜色

    • hsl(deg, grad, rad, turn):度， 百分度， 弧度， 圈数
    • hsla()

• 图片<image>

• 位置<position>

• 函数

  • calc()