頁面整個屏幕CSS指的是將頁面中的所有元素都尺寸和位置填充整個屏幕的CSS布局，可以使頁面更加美觀和響應式。下面我們將一步步講解如何實現整個屏幕CSS布局：

第一步是設置HTML和BODY元素的高度，使其完全覆蓋整個屏幕：

html, body {
height: 100%;
}

接下來，必須將所有子元素的高度設置為100％，以便它們也可以完全覆蓋屏幕：

body >* {
height: 100%;
}

現在可以放心的定義每個子元素的要素，比如頁面的header或者footer。這些元素可以有指定的高度或者按比例劃分屏幕的高度。下面是一個例子：

header {
height: 10%;
}
#content {
height: 80%;
}
footer {
height: 10%;
}

在這個例子中，header和footer分別占用了整個屏幕的10％。中間的content部分則占用了80％。

現在可以使用CSS Flexbox或者Grid顯示更復雜的頁面元素布局。下面是CSS Flexbox的一個例子：

body {
display: flex;
flex-direction: column;
}
header {
height: 50px;
}
#content {
flex: 1;
}
footer {
height: 50px;
}

在這個例子中，整個頁面被同一方向的Flexbox容器包裹了。header和footer使用了固定的高度，而中間的(content)部分使用了Flexbox的“flex: 1”屬性來填充空間。

這些都是實現整個屏幕CSS布局的基礎。使用CSS布局可以使網站更易于維護和調整，可以更容易地在不同設備上顯示正確。而且，具有響應式布局的網站可以播放多個平臺，讓用戶的設備更加便捷。