1、HSLA

---

---

2、CSS属性display和visibility 区别

---

设置display元素如何被显示，visibility设置元素是否可见。display和visibility都是用于设置或检索是否显示对象，

最大区别： 

display隐藏对象不保留物理空间； 

visibility隐藏对象保留占据的物理空间； 

但是一般是不赞成使用 visibility:hidden，建议使用display:none，因为当浏览器渲染被占据的物理空间时，会消耗资源。

---

3、CSS3 filter(滤镜) 属性

---

若直接在div上加滤镜会将所有的都模糊，若只想要背景色模糊，则可以加一个：before，将背景图片及滤镜效果全部放在before上面，然后调整z-index就行了，例如：

---