CSS3长度和颜色

1. CSS3新增长度单位

1. rem 根元素字体大小的倍数，只与根元素字体大小有关
2. vw 视口宽度的百分之多少 10vw 就是视口宽度的 10%
3. vh 视口高度的百分之多少 10vh 就是视口高度的 10%
4. vmax 视口宽高中大的那个的百分之多少
5. vmin 视口宽高中小的那个的百分之多少

2. CSS3新增颜色设置方式

CSS3 新增了三种颜色设置方式，分别是： rgba 、 hsl 、 hsla，前面颜色部分有详细介绍

3. opacity不透明度

opacity 属性能为整个元素添加透明效果，值是 0 到 1 之间的小数， 0 是完全透明， 1 表示完全不透明

opacity 与 rgba 的区别：

• opacity 是一个属性，设置的是整个元素（包括元素里的内容）的不透明度
• rgba 是颜色的设置方式，用于设置颜色，它的透明度，仅仅是调整颜色的透明度