CSS中隐藏和显示是Web开发中比较常见的操作。通常情况下，我们会使用display属性来控制元素的显示和隐藏。

/* 隐藏元素 */display: none;/* 显示元素 */display: block;

使用display:none;可以让一个元素不被显示，并且这个元素也不会占据页面的任何空间。这样做的好处是还可以让页面布局更加灵活。

但有时候我们需要让一个元素在某个事件（比如用户点击了一个按钮）发生时显示出来。这时候我们可以借助JavaScript和CSS来实现。

// 在JavaScript中获取需要显示的元素var showElem = document.querySelector('#show-elem');// 在JavaScript中修改元素显示属性showElem.style.display = 'block';

上面的代码片段说明了如何在JavaScript中修改元素的显示属性。如果需要将元素隐藏起来，只需要将代码中的'block'替换成'none'即可。

除了使用display属性，我们还可以使用visibility属性来控制元素的显示和隐藏。它和display属性不同的是，即使元素被隐藏了，该元素仍然会占据页面的空间。

/* 隐藏元素 */visibility: hidden;/* 显示元素 */visibility: visible;

总之，通过修改CSS属性，我们可以轻松地控制元素的显示和隐藏。无论是使用display属性还是visibility属性，都可以达到我们想要的效果。