1. CSS 控制元素隐藏的方法
CSS 提供了多种方法控制元素的可见性，其中包括隐藏元素的方法。在 CSS 中，可以使用 display 属性、visibility 属性和 opacity 属性来实现元素的隐藏。下面我们将逐一介绍这三种方法的使用。
1.1 display 属性
display 属性可以用来控制元素是否显示，并且可以根据具体需要实现多种不同的隐藏方式。其中，常用的隐藏方式包括 none、block 和 inline。
下面是一个简单的例子，展示如何使用 display 属性来隐藏一个元素：
/* 隐藏一个 div 元素 */
div {
display: none;
}
上面的代码将 div 元素隐藏，因为它的 display 属性被设置为 none。此时，即使在 HTML 中存在该元素，它也不会在页面中显示出来。
1.2 visibility 属性
visibility 属性用于设置元素的可见性，它与 display 属性不同的是，元素在设置为 visibility: hidden 后，依然会占据其原来的位置，只是在页面上不可见。同时，使用 visibility 属性也可以通过设置 visibility: collapse 来隐藏表格的列和行。
下面是一个例子，展示如何使用 visibility 属性来隐藏一个元素：
/* 隐藏一个 div 元素 */
div {
visibility: hidden;
}
上面的代码将 div 元素的可见性设置为隐藏，但它的宽度和高度仍然存在。可以理解为它并没有被完全隐藏，只是看不到而已。
1.3 opacity 属性
opacity 属性可以用来改变元素不透明度，从而实现元素的隐藏。当设置为 0 时，元素完全不可见；当设置为 1 时，元素完全可见。同样，它也可以通过设置小数值来控制元素的半透明效果。
下面是一个例子，展示如何使用 opacity 属性来隐藏一个元素：
/* 隐藏一个 div 元素 */
div {
opacity: 0;
}
上面的代码将 div 元素的不透明度属性设置为 0，即完全透明，因此该元素在页面中不可见。
2. 怎么选择使用哪种隐藏方法？
以上三种方法在实现元素隐藏时都有各自的优劣，具体选择哪种方法要看具体的需求。
2.1 display 属性的选择
使用 display 属性最大的好处是可以完全隐藏元素，即不占用任何空间。这种方法适用于需要完全隐藏元素，并且不希望该元素在页面中占用任何空间的场景。例如，当用户在一个网站上点击了关闭按钮，网站上的广告元素就可以使用 display 属性来实现隐藏：
/* 隐藏广告 div 元素 */
.advertisement {
display: none;
}
2.2 visibility 属性的选择
使用 visibility 属性的好处在于隐藏的元素仍然占用原来的空间，因此在需要动态显示或隐藏元素的场景下非常有用。例如，在网站的后台管理页面中，经常会有展开和收起细节的操作。利用 visibility 属性可以很好地实现此功能：
/* 隐藏详情列表 */
.details {
visibility: hidden;
}
/* 显示详情列表 */
.details.show {
visibility: visible;
}
上面的代码中，.details 元素的 visibility 属性被设置为 hidden，表示开始时该元素默认隐藏。当页面需要展开细节列表时，可以给该元素添加 show 类，这个类将会使得该元素的 visibility 属性变为 visible，进而实现列表的显示。
2.3 opacity 属性的选择
使用 opacity 属性的好处在于它能够实现元素的半透明效果，从而使得页面的视觉效果更加优美。同时，它也可以帮助设计师实现一些特殊的视觉效果，例如模糊、渐变等。
下面是一个例子，展示如何使用 opacity 属性实现一个淡入淡出效果：
/* 实现淡入淡出效果 */
.show {
opacity: 1;
transition: opacity 1s;
}
.hide {
opacity: 0;
transition: opacity 1s;
}
上面的代码中，动态添加 show 类可以实现元素的淡入效果，而动态添加 hide 类可以实现元素的淡出效果。这里利用了 CSS3 的 transition 动画特效，使得淡入淡出效果更加流畅、自然。
3. 总结
在实际的网页开发中，使用 display、visibility 和 opacity 三种属性来隐藏元素是非常常见的做法。具体使用哪种方法需要根据实际需求来决定，如果需要完全隐藏元素，则应该使用 display 属性；如果需要动态控制元素的显示或隐藏，则应该使用 visibility 属性；而如果需要实现半透明效果或者淡入淡出的动画效果，则应该使用 opacity 属性。