属性

css 有许多属性，在此不一一列举，具体可查看W3School总结的属性参照表。戳这里

隐藏页面元素的方法

• visibility: hidden; 这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在。
• opacity: 0; CSS3属性，设置0可以使一个元素完全透明
• position: absolute; 设置一个很大的 left 负值定位，使元素定位在可见区域之外
• display: none; 元素会变得不可见，并且不会再占用文档的空间。
• height: 0; 将元素高度设为 0 ，并消除边框
• transform: scale(0); 将一个元素设置为缩放无限小，元素将不可见，元素原来所在的位置将被保留
• filter: blur(0); CSS3属性，将一个元素的模糊度设置为0，从而使这个元素“消失”在页面中
• clip-path: clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);

比较

属性	是否占据空间	是否可点击	是否可被子元素继承	性能	transition 是否支持
display: none;	否	否	否，子元素无法通过设置属性取消隐藏	会引起重绘和重排，性能较差	支持
visibility: hidden;	是	否	是，子元素可以通过设置visibility: visible; 来取消隐藏	会引起重绘，性能较高	不支持
opacity: 0	是	是	是，子元素不能通过设置opacity: 1; 来取消隐藏	不会触发重绘，性能较高	支持