单位介绍

1、绝对值

　　in　　　  英寸

　　cm　　　厘米

　　mm　　 毫米

　　pt　　   点

　　px　　  像素

2、相对值

　　em　　表示一种字体中字母 M 的宽度，因此它的大小取决于你使用的字体

　　ex　　 表示一种字体中字母 x 的高度，小写字母 x 代表一种字体的字母中间部分高度，不包括字母上下突出部分。

　　%

3、颜色值

　　颜色值有几种表示方法，下面分别介绍。

　　1）颜色名

　　　　aqua（浅绿色）、black（黑色）、fuchsia（紫红色）、gray（灰色）、green（绿色）、lime（黄绿色）、

　　　　maroon（褐红色）、navy（深蓝色）、olive（茶青色）、purple（紫色）、red（红色）、silver（银色）、

　　　　teal（青色）、white（白色）、yellow（黄色），更多颜色名称，请参考：http://www.w3.org/TR/css3-color/#html4

　　2）十六进制颜色　#rrggbb

 　　　　#ff00ff

　　3）RGB 颜色值　rgb(r, g, b)

 　　　　rgb(0, 255, 0)　　

　　4）RGB 百分比　rgb(r%, g%, b%)

 　　　　rgb(0%, 80%, 20%)

　　5）HSL (色相, 饱和度%, 亮度%)

 　　　　HSL(0, 80%, 20%)

　　　　HSL 颜色中的第一个值表示色相，也就是一个实际的颜色，比如红色和 绿色。所有颜色围绕色相环一周，

　　　　而色相值以圆周上的度数表示。

　　　　　　

　　　　红色是 0 或 360，青色是 180。

　　　　饱和度的值，0% 是黑色， 100%是白色，中间的百分比是实际能看到的色相。

　　6）Alpha 通道

　　　　RGB 和 HSL 都支持 Alpha 通道，用于设置颜色的不透明度。相应的格式为 RGBA 和 HSLA。

　　　　两种格式中的 A （Alpha）值为 1 表示完全不透明，为 0 表示完全透明。