網頁設計中的布局設計至關重要，其中頁面的居中設計是一個非常重要的部分。CSS 的居中技巧可以使得網頁在不同尺寸的設備上顯示的效果更佳。下面就來介紹一下如何使用 CSS 進行整體頁面居中的操作。

html, body {
height: 100%;
}
body {
display: flex;
justify-content: center;
align-items: center;
}

首先，在 HTML 文件中，我們需要將父元素的高度設置為 100%，這樣可以確保子元素的高度大小不會超過屏幕高度。然后，在 CSS 文件中，我們將 body 元素的 display 屬性設置為 flex，并且指定 justify-content 和 align-items 屬性都為 center，這樣就能將子元素完美居中。

如果只需要在水平方向上將頁面居中，可以將代碼修改為如下：

html, body {
height: 100%;
}
body {
text-align: center;
}
.container {
margin: 0 auto;
max-width: 600px;
}

在這種情況下，我們只需要將 body 元素的 text-align 屬性設置為 center，然后在 container 元素中使用 margin 屬性將元素水平居中即可。

綜上所述，我們可以看到，CSS 整體頁面居中的技巧分為兩種情況：一種是水平居中，另外一種是垂直和水平皆居中。不論是哪種方式，都需要合理挑選代碼是關鍵。希望本篇文章能夠對您有所幫助。