CSS3-新增颜色

1 第一种颜色表示方式：RGBA

RGBA 分别表示Red(红色), Green(绿色),Blue(蓝色),Alpha(透明度通道)

透明度取值范围0 ~ 1 ,颜色 0 ~ 255 例如：rgba(255, 0, 50, 0.5);

css3 之前，设置透明度是可以通过opacity来设置。可被子类继承

通过rgba设置的透明度，不具有继承性，不会影响子元素的透明度

通过示例代码来验证RGBA的透明度不会被子类继承

① 父类，子类均未设置透明度

② 父类通过opacity设置透明度

③ 通过rgba来给父元素设置透明度

---

2 第二种颜色表示方式：HSLA

HSLA 是 Hue(色调)、Saturation(饱和度)、Lightness(亮度)、Alpha(透明度) 的缩写

取值范围：

H 色调： 0 ~ 360， 360红色、120绿色、240蓝色

Saturation 饱和度：0% ~ 100%

Lightness 亮度：0% ~ 100%

Alpha 透明度：0 ~ 1

使用

用法与rgba相同，hsla(240, 50%, 50%, .5);

---