CSS样式

1.指定颜色的几种方式

颜色名称 {
color:green;
} //（预定义/跨浏览器的颜色名称）

RGB {
color:rgb(0,0,0);
} //即是代表红、绿、蓝，以这三种颜色拼出的

RGBA {
color:rgba(0,0,0,0.5);
} //前面三位 rgb 和上面一样，最后一位代表了透明度，这里是 0.5 的透明度

十六进制 {
color:#ff0000;
}

HSL色彩{
color: hsl(120,65%,75%);
}

HSLA颜色{
color: hsla(120,65%,75%,0.3);
}

HSL色彩
IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。
HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示。
HSL颜色值指定：HSL（色调，饱和度，明度）。
色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。
饱和度是一个百分比值;0％意味着灰色和100％的阴影，是全彩。
亮度也是一个百分点;0％是黑色的，100％是白色的。
HSLA颜色 IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.
HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。
指定HSLA颜色值：HSLA（色调，饱和度，亮度，α）
α是Alpha参数定义的不透明度。
Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。
预定义/跨浏览器的颜色名称 147颜色名称定义在HTML和CSS的颜色规格(17个标准色加上130多个其他)。下表列出了所有这些，连同其十六进制值。

2.color 规定文本的颜色

color

3.opacity 设置元素颜色的透明度，它会进行继承。

如果只是让背景有透明度，而不想让它里面的其它元素进行继承，可使用 background:rgba();或者background-color:rgba();

所有主流浏览器都支持opacity属性。.注意：IE8和早期版本支持另一种过滤器属性。像：filter:Alpha(opacity=50)

opacity:0; 隐藏一个元素，完全不显示，但是会占空间，只是看不到。

opacity:1; 显示一个元素。

注意: 如果页面中想将背景变为透明，而里面的内容不受影响，最好使用rgba，因为opacity会继承到内容中去。