CSS 是 web 页面的基础技能之一，其中隐藏也是其中比较常用的技巧。此技巧可以用来隐藏不需要显示的元素或隐藏一个元素的一部分。 在 CSS 中，要隐藏一个元素，可以使用属性“display:none;”，这个属性会将元素完全从文档流中移去，用户无法看见此元素，同时也不会占用该元素原本的位置。 例如：

p{
display:none;
}

在这个例子中，所有的段落元素都会被隐藏起来，不会再页面上显示。如果只想要隐藏某一个特定的元素，可以使用该元素的 ID 或者类名来选择该元素，并将其隐藏。 例如：

#hidden{
display:none;
}

或者

.hidden{
display:none;
}

这两个例子中，第一个选择了 ID 为“hidden”的元素并将其隐藏，第二个选择了所有带有“hidden”类名的元素并将其隐藏。 如果只需要隐藏元素的一部分，可以使用属性“visibility:hidden;”。这个属性会将元素隐藏，但它仍然占据着原来的位置，因此其他元素不会向上或者向下移动。 例如：

p span{
visibility:hidden;
}

在这个例子中，所有段落中的 span 元素都会被隐藏，但它们仍然占据着原本的位置。 需要注意的是，使用“display:none;”属性会完全将元素从页面中移去，这意味着该元素不会在页面中占有任何空间。而使用“visibility:hidden;”属性只是将元素隐藏了起来，但它仍然会在该元素原本的位置占据空间。 在实际运用中，隐藏是一种非常方便和灵活的技巧，它可以用来优化页面，改善用户体验。无论是在页面排版还是在元素显示上，难免会遇到需要隐藏元素的情况。掌握好这个技巧，可以让我们更加游刃有余地处理各种显示问题。