CSS3资料之颜色

◆ transparent：

opacity只能针对整个盒子设置透明度，子盒子及内容会继承父盒子的透明度；transparent 不可调节透明度，始终完全透明

.out{
    width: 400px;
    height: 400px;
    margin:100px auto;
    border: 1px solid #000;
    background: transparent;
}

◆ 新增颜色模式：

新增了RGBA、HSLA模式，其中的A 表示透明度通道，即可以设置颜色值的透明度，相较opacity，它们不具有继承性，即不会影响子元素的透明度。

◆ RGBA：

RGBA是代表Red（红色）、Green（绿色）、Blue（蓝色）和 Alpha（透明度）的色彩空间。R、G、B 取值范围：0~255。

background-color: rgba(0,0,255,0.3);

◆ HSLA：

HSLA是代表Hue（色调）、Saturation（饱和度）、Lightness（亮度）和Alpha（透明度）

• Hue：取值范围0~360，0/360表示红色、120表示绿色、240表示蓝色
• Saturation：取值范围0%~100%
• Lightness：取值范围0%~100%
• Alpha：取值范围0~1

ackground-color:hsla(240,100%,50%,0.4);