1、HSLA
2、CSS属性display和visibility 区别
设置display元素如何被显示，visibility设置元素是否可见。display和visibility都是用于设置或检索是否显示对象，
最大区别：
display隐藏对象不保留物理空间；
visibility隐藏对象保留占据的物理空间；
但是一般是不赞成使用 visibility:hidden，建议使用display:none，因为当浏览器渲染被占据的物理空间时，会消耗资源。
3、CSS3 filter(滤镜) 属性
若直接在div上加滤镜会将所有的都模糊，若只想要背景色模糊，则可以加一个：before，将背景图片及滤镜效果全部放在before上面，然后调整z-index就行了，例如：
