在CSS中，隐藏和显示元素是非常常见的操作。通常我们可以使用
display属性来控制元素的隐藏和显示。
要隐藏元素，我们可以将
display属性设置为
none。这将使元素不会显示在屏幕上，但它仍然存在于 HTML 代码中：
.hide {
display: none;
}
要显示元素，我们可以将
display属性设置为其它值，比如
block或
inline。这将使元素在屏幕上显示出来：
.show {
display: block;
}
除了显示和隐藏元素之外，我们还可以使用
visibility属性来控制元素的可见性。与
display属性不同，
visibility属性只有两个值：
visible和
hidden。
如果我们将
visibility属性设置为
hidden，那么元素将不会在屏幕上显示出来，但它仍然占用空间，影响页面布局。
.hidden {
visibility: hidden;
}
需要注意的是，
visibility属性不会影响元素的布局，但它会影响元素的事件处理。具体来说，如果一个元素的
visibility属性设置为
hidden，那么它将不会响应任何事件（比如鼠标点击事件）。
因此，在选择隐藏或显示元素时，应该根据具体的需求来选择不同的属性。
