CSS是一種層疊樣式表語言，可以控制網頁的布局與顯示效果。其中一個常見的需求是在頁面中顯示較長的文本內容，但不讓它一開始就全部展示出來。這時候，我們可以使用一種技巧：使用CSS來切換顯示全部與收起展示。

具體實現方式如下：

.show-all {
display: block;
}
.hide {
display: none;
}

上述代碼中，.show-all類的display屬性值為block，表示該元素將在頁面中完全顯示出來；而.hide類的display屬性值為none，表示該元素將在頁面中隱藏。

接下來，我們需要在HTML中使用JavaScript來實現點擊按鈕時，切換顯示全部與收起展示。具體實現方式如下：

<script type="text/javascript">
function toggle() {
var text = document.getElementById("text");
var button = document.getElementById("button");
if (text.classList.contains("show-all")) {
text.classList.remove("show-all");
text.classList.add("hide");
button.innerHTML = "展開全文";
} else {
text.classList.remove("hide");
text.classList.add("show-all");
button.innerHTML = "收起全文";
}
}
</script>
<p id="text" class="hide">這是一段較長的文本內容，需要使用CSS來切換顯示全部與收起展示。</p>
<button id="button" onclick="toggle()">展開全文</button>

上述代碼中，我們在HTML中定義了一個p元素，它的class屬性為hide，即一開始它是被隱藏的；還定義了一個button元素，并在其中指定了onclick事件處理程序，這樣當點擊按鈕時，toggle函數就會被調用。

于是，這時候，我們就可以在頁面中展示較長的文本內容，并通過CSS和JavaScript來實現切換全文與收起展示。