display: none: 父元素为none，子元素为block，那么子元素不显示
visibility: hidden; 父元素为hidden，子元素为visible，那么子元素可以显示
opacity: 0.2; 如果父子都设置了，那么子元素更加透明
position: absolute:
z-index: 负值:
transform: scale(0):
rgba的a设置为0，只是设置元素的背景色为透明，不影响元素内容的展示
display: none;
浏览器不会渲染 display:none; 的元素，不占据空间
性能：动态改变此属性时，会引起重排，性能较差
继承：不会被子元素继承，因为子元素也不会被渲染
transition过渡：transition不支持display
visibility: hidden;
元素隐藏并占据空间
重绘
继承：会继承，子元素能取消隐藏 （visibility: visible）
支持过渡transition
opacity: 0;
元素隐藏并占据空间
可监听DOM事件
不重绘
继承：会继承，子元素不能取消隐藏
支持过渡transition