1、長度

2、角度

3、時間

4、解析度

5、顏色

6、函式

7、生成內容

8、影象

9、數字

1、長度

<length>：數字和單位之間沒有空格，0之後的長度單位是可選的

相對長度單位

　　em：相對於字型大小

　　ex：相對於小寫字母"x"的高度，對於很多字型，1ex ≈ 0.5em

　　ch：相對於數字"0"的寬度 /* IE9+ */

　　rem：相對於根元素字型大小 /* IE9+ */

　　vw：相對於視口的寬度，視口寬度的1/100 /* IE9+ */

　　vh：相對於視口的高度，視口高度的1/100 /* IE9+ */

　　vmin：視口高度和寬度之間的最小值的1/100 /* IE9+ */

　　vmax：視口高度和寬度之間的最大值的1/100 /* IE不支援 */

絕對長度單位

　　cm、mm、1/4毫米（q）、英寸（in）、點（pt）、派卡（pc）、px

　　1in = 2.54cm = 25.4 mm = 101.6q = 72pt = 6pc = 96px

2、角度

<angle>：在<gradient>、transform的某些方法等場景中有所應用 /* IE9+ */

度（degrees）：一個完整的圓是360deg

梯度（gradians）：一個完整的圓是400grad

弧度（radians）：一個完整的圓是2πrad

圈數（turns）：一個完整的圓是1turn

3、時間

<time>：於animation、transition及相關屬性中使用 /* IE9+ */

1s = 1000ms

0是無效的，並不代表0s或0ms

4、解析度

<resolution>：用於媒體查詢，螢幕通常每英寸包含72或96個點，一般將2倍於此的螢幕稱之為高分屏

dpi：每英寸包含點的數量（dots per inch） /* IE9+ */

dpcm：每釐米包含點的數量（dots per centimeter） /* IE9+ */

dppx：每畫素包含點的數量（dots per pixel） /* IE9+、Safari不支援、手機不支援 */

1dppx = 96dpi

1dpcm = 2.54dpi

0是無效的，並不代表0dpi、0dpcm或0dppx

5、顏色

<color>：rgb()、hsl()、關鍵字

hex：#f00，十六進位制記法

rgb：rgb(255, 0, 0)

rgba：rgba(255, 0, 0, 1)，IE8可使用IE濾鏡處理 /* IE9+ */

hsl：hsl(0, 100%, 50%)，色相-飽和度-明度 /* IE9+ */

hsla：hsl(0, 100%, 50%, 1) /* IE9+ */

關鍵字

　　色彩關鍵字

　　transparent：透明 /* IE6+ */

　　currentColor：當前顏色 /* IE9+ */

6、函式

calc()：calc(100% - 20px)， + 和 - 運算子的兩邊必須始終要有空白符 /* IE9+ */

7、生成內容

counter()：插入計數器 /* IE8+ */

counters()：重複插入計數器 /* IE8+ */

attr()：插入元素屬性值 /* IE8+ */

8、影象

<image>：<url> | <gradient>，描述的是2D圖形

<gradient>：可使用IE濾鏡處理 /* IE10+ */

　　linear-gradient()

　　radial-gradient()

　　repeating-linear-gradient()

　　repeating-radial-gradient()

9、數字

<number>：整數或小數

<integer>：整數

<percentage>：百分比值