CSS 颜色定义

CSS颜色定义方法：（RGBA \  HSLA \ opacity \ transparent为css3 新特性）

1、直接使用颜色名/16进制值

2、使用RGBA: RGB代表光的三原色，Red、Green和Blue,CSS3中可以增加一个值a（alpha），表示颜色的透明度:取值范围0-1之间，0代表完全透明，1代表完全不透明

3、使用HSL： 即色相、饱和度、亮度（Hue, Saturation, Lightness）

4、 使用HSLA

/* 以下都表示红色 */

p { color: red; }
p { color: #f00; }
p { color: #ff0000; }
p { color: rgb(255,0,0); }
p { color: rgb(100%, 0%, 0%); }
p { color: hsl(0, 100%, 50%); }

/* 50% 透明 */
p { color: #ff000080; }
p { color: rgba(255, 0, 0, 0.5); }
p { color: hsla(0, 100%, 50%, 0.5); }

④opacity属性：透明度

⑤transparent颜色值定义渐变色