CSS（层叠样式表）是网页开发中常用的一种样式控制语言。其中一项核心功能就是隐藏页面元素，本文将介绍如何使用CSS来隐藏页面元素。

要隐藏一个元素，可以使用CSS属性“display: none;”。例如，可以对以下HTML代码进行设置：

<div id="hidden">这是一个需要隐藏的DIV元素</div>
#hidden {
display: none;
}

上面的代码中，使用了ID选择器“#hidden”来定义需要隐藏的DIV元素，然后使用属性选择器“display:none;”来隐藏它。这样，即使在HTML文档中存在这个DIV，它也不会在浏览器中显示。

除了使用“display:none;”来隐藏元素外，还可以使用属性“visibility:hidden;”来隐藏元素，这样隐藏的元素仍然存在，只是不可见。例如：

<p id="hidden">这是一个需要隐藏的段落元素</p>
#hidden {
visibility: hidden;
}

上面的代码中，同样使用了ID选择器“#hidden”来定义需要隐藏的段落元素，然后使用属性选择器“visibility:hidden;”来隐藏它。这时段落元素仍然占据HTML文档中的空间，但是不会在浏览器中显示。

一个更加灵活的隐藏元素的方法是改变元素的位置和大小。可以使用CSS属性“position: absolute;”和“width:0;height:0;”来将元素移出页面的可视区域。例如：

<div id="hidden">这是一个需要隐藏的DIV元素</div>
#hidden {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
}

上面的代码中，同样使用了ID选择器“#hidden”来定义需要隐藏的DIV元素，然后使用属性选择器“position:absolute;”、“width:0;height:0;”来改变它的位置和大小。这时DIV元素被移动到了HTML文档的左上角，它的大小为0，同时设置了overflow:hidden属性来确保它的内容不会溢出。

总之，CSS提供了多种方式来隐藏页面元素，可以根据实际需求选择最合适的方法。掌握这些方法可以帮助开发者更好地控制页面布局和交互体验。