Css3 颜色模板

      第一种是HSL。H、S、L分别表示色调，饱和度和亮度。使用HSL可以基于色调、饱和度和亮度进行调节不需要算RGB的值。

      HSLA就是在HSL上加上"Alpha通道"(透明度)，可以使用HSLA为HSL进行透明度的设置。A的默认值是1，就是不透明效果跟HSL一样。

      第二种是RGB。

      语法:

      R：红色值。正整数 | 百分数

      G：绿色值。正整数 | 百分数

      B：蓝色值。正整数| 百分数

      A：透明度。取值0~1之间

      0(或360)表示红色，120表示绿色，240表示蓝色，当然可取其他数值来确定其它颜色；

      在背景属性中使用RGBA:

      background: -webkit-linear-gradient( top ,rgba(255 ,255 ,255, 0.75) , rgba( 222,231 ,233 ,0.7));

      为什么不使用opacity属性而是使用rgba呢？

      原因就是当中父元素使用了opacity属性那么其后代也会受其影响。