在web開發中，隱藏和顯示內容是特別常用的操作之一。CSS 提供了多種方法對元素進行隱藏和顯示的操作，以下是其中一些常用的方法：

/* 利用display屬性來隱藏或顯示元素 */
.hide {
display: none;
}
.show {
display: block;
}
/* 利用visibility屬性來隱藏或顯示元素 */
.hide {
visibility: hidden;
}
.show {
visibility: visible;
}
/* 利用opacity屬性來隱藏或顯示元素 */
.hide {
opacity: 0;
}
.show {
opacity: 1;
}
/* 利用height、width屬性來隱藏或顯示元素 */
.hide {
height: 0;
width: 0;
}
.show {
height: 100px;
width: 100px;
}

除以上方法外，也可以通過使用位置屬性將元素定位到不可見區域，或使用clip屬性定義一個裁剪區域來隱藏元素。但是，這些方法相對復雜一些，且一般情況下不會使用到。

需要注意的是，以上方法對于 SEO 是有影響的。例如，使用 display: none 隱藏的元素對于搜索引擎來說是不可見的，甚至可能被認為是“隱藏的內容”，從而可能導致被搜索引擎降權或封禁。因此，在使用隱藏和顯示效果時，需要思考該效果對 SEO 的影響。