CSS中設置為屏幕高度的效果對于網頁布局來說非常重要，這種效果可以給我們帶來很多好處，比如減少網頁的滾動次數、提高用戶體驗以及使頁面更美觀等等。

在實現CSS設置為屏幕高度的布局之前，我們需要了解一些基礎知識。首先是視口（Viewport），它是用戶當前可見部分的屏幕區域，通常指瀏覽器窗口除去工具欄和其他不必要的部分。其次，我們需要知道在CSS中使用vw和vh單位來設置元素的寬度和高度，它們分別表示視口寬度和視口高度的百分比。

下面是一個示例代碼，它可以使網頁的內容填滿整個屏幕。請將以下代碼復制到您的HTML文件中的區域中：

首先，我們將html和body的高度設置為100%，然后將margin和padding設置為0，以確保我們的元素將覆蓋整個窗口。然后我們創建一個名為.container的元素，并將它的高度設置為100vh，以占據整個視口的高度。我們還通過設置background-color和text-align來使它更好看。最后，我們使用vw和vh單位來設置

元素的字體大小和padding-top。 在這個例子中，我們使用5vw來設置標題的字體大小，而15vh則用于設置標題距離視口頂部的距離。

總之，使用CSS將頁面設置為屏幕高度可以讓你的網頁看起來更漂亮，更易于閱讀，并且它可以提高用戶體驗并減少網頁的滾動次數，對于用戶來說非常方便。