CSS是一種層疊樣式表語言，通過HTML標簽將內容與展示效果分離，可以大大簡化頁面結構，使網頁更容易維護。雖然CSS不是一種編程語言，但是它也有強大的功能。其中一種功能就是在小屏幕上隱藏或顯示元素。這在響應式設計中是非常重要的。

/* 隱藏小屏幕下的元素 */
@media (max-width: 768px) {
.element-to-hide {
display: none;
}
}

上面的CSS代碼可以隱藏名為“element-to-hide”的元素，在小于等于768像素的屏幕上不顯示。這個“@media”語句指定了一個查詢，查找最大寬度為768像素的設備。如果設備的寬度大于768像素，則這個樣式不適用。如果設備的寬度小于等于768像素，則這個樣式適用。

/* 顯示小屏幕下的元素 */
.element-to-show {
display: none;
}
@media (max-width: 768px) {
.element-to-show {
display: block;
}
}

如果我們希望在小屏幕下顯示一個元素，可以使用類似的方法。首先將這個元素設為隱藏，然后通過“@media”語句來改變它的顯示方式。上面這個例子中，名為“element-to-show”的元素默認是隱藏的，然后在小于等于768像素的屏幕上，它的顯示方式變成了“block”，也就是顯示為塊狀元素。

CSS的小屏幕隱藏和顯示方法非常實用，可以讓我們更好地掌控網頁在各種設備上的表現。在開發響應式網頁時，這個功能尤其重要。