颜色写法：
1.英文单词
backgroud-color:red；
2. #fff
background-color:#fff;
3.#fefefe
background-color:fefefe;
4.rgb()
r:red 0~255
g: green 0~255
b:blue 0~255
5.HSL(浏览器要求比较高)
H：Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360
S：Saturation(饱和度)。取值为：0.0% - 100.0%
L：Lightness(亮度)。取值为：0.0% - 100.0%
透明度：
1.opacity
值：0-1,0 完全透明，1 不透明
（<= IE8: filter:Alpha(opacity=50)。）
filter:Alpha(opacity=50)
- 仅支持IE6、7、8、9，在IE10版本被废除
- 在IE6、7中，需要激活IE的haslayout属性(如：*zoom:1或者*overflow:hidden)，让它读懂filter:Alpha
- 在IE6、7、8中，设置了filter:Alpha的元素，父元素设置position:static(默认属性)，其子元素为相对定位，可让子元素不透明
opacity会继承父元素的 opacity 属性
2.rgba
r:red 0~255
g: green 0~255
b:blue 0~255
a:0.0~1.0
3.HSLA(兼容性考虑)
H是色度，取值在0度~360度之间，0度是红色，120度是绿色，240度是蓝色。360度也是红色。
S是饱和度，是色彩的纯度，是一个百分比的值，取值在0%~100%，0%饱和度最低，100%饱和度最高
L是亮度，也是一个百分比值，取值在0%~100%，0%最暗，100%最亮。
A是不透明度，取值在0.0~1.0，0.0完全透明，1.0完全不透明。
RGBA设置的元素的后代元素不会继承不透明属性