CSS3学习笔记——颜色相关样式

利用alpha通道来设定颜色

1.对RGB颜色设定alpha通道

C3中可以通过alpha通道的方法来定义RGBA颜色；

RGBA颜色：指的是红色值、绿色值、蓝色值、alpha通道值来定义的颜色

通道范围为0-1.0,0表示完全透明，1表示不透明；

background-color：rgba(255,0,0,0.5);

2.对HSL颜色设定alpha通道

HSLA颜色指的是利用色调（H）、饱和度（S）、亮度（L）、alpha通道（A）来定义颜色；

色调值：用0或360表示红色；120表示绿色；240表示蓝色；

饱和度和亮度的取值范围均为0%到100%；

background-color:hsla(120,100%,50%,0.5);

3.alpha通道与opacity属性的区别

opacity属性用来指定透明度的，取值范围在0-1,0表示完全透明，1表示不透明；

alpha通道对元素设定透明度时，可以单独对元素的背景色和文字颜色等指定透明度；而opacity属性只能指定整个元素的透明度；

4.指定颜色值为transparent

transparent属性会将背景、文字、或边框等的颜色设定为完全透明，相当于使用了值为0的alpha通道；

C3中可以在一切指定颜色值的属性中指定transparent值；