display:none和visibility:hidden的区别？
参考答案：
display:none和visibility:hidden在CSS中都是用来控制元素的可见性，但它们之间存在几个重要的区别：
- 元素占据空间：
display:none会将元素完全从页面布局中移除，这意味着它不会占据任何空间。换句话说，该元素就像是从页面中消失了一样。而visibility:hidden则只是使元素不可见，但它仍然会占据页面上的空间。即使你看不到这个元素，它仍然会占据原本应该属于它的位置。 - 事件处理：当元素设置为
display:none时，它将无法触发任何事件，包括点击、鼠标移动等。因为该元素已经从页面布局中移除，所以它无法接收任何用户交互。然而，当元素设置为visibility:hidden时，虽然用户无法看到它，但它仍然可以接收并处理事件。 - 页面加载时间：
display:none的元素在页面加载时不会被加载，只有当它的display属性变为block或其他非none值时，它才会被加载并显示在页面上。而visibility:hidden的元素在页面加载时就会被加载，即使它是隐藏的。
因此，选择使用display:none还是visibility:hidden取决于你的具体需求。如果你想要一个元素完全从页面布局中消失，并且不触发任何事件，那么display:none可能是更好的选择。而如果你只是想让元素不可见，但仍然占据空间并且可以处理事件，那么visibility:hidden可能是更好的选择。