CSS 数据类型

大的分类：文本数据类型、数值数据类型。

文本

分类

1. <custom-ident>
2. 预定义<ident>
3. <string>
4. <url>

数值

分类

1. <integer>

2. <number>

3. <dimension>：是一个带有单位的<number>。

   1. <length>：长度/距离
   2. <angle>：角
   3. <time>：时间
   4. <frequency>：频率
   5. <resolution>：分辨率

4. <percentage>

长度单位

绝对长度单位：

单位	名称	等价换算
cm	厘米	1cm = 96px/2.54
mm	毫米	1mm = 1/10th of 1cm
Q	四分之一毫米	1Q = 1/40th of 1cm
in	英寸	1in = 2.54cm = 96px
pc	十二点活字	1pc = 1/6th of 1in
pt	点	1pt = 1/72th of 1in
px	像素	1px = 1/96th of 1in

相对长度单位：

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

角单位

单位	名称	描述
deg	角度	1 圈有 360 角度
grad	梯度	1 圈有 400 梯度
rad	弧度	1 圈有 2π 弧度
turn	圈

时间单位

单位	名称	描述
s	秒
ms	毫秒	千分之一秒

频率单位

单位	名称	描述
Hz	赫兹	Represents the number of occurrences per second.
kHz	千赫	A kiloHertz is 1000 Hertz.

分辨率单位

单位	描述
dpi	Dots per inch.
dpcm	Dots per centimetre.
dppx, x	Dots per px unit.

特殊属性对应的数据类型

颜色

颜色关键字

十六进制

rgb()

hsl()

图片

url()

gradient

位置

函数