在設計網頁時，居中元素可以讓頁面更加美觀和易于閱讀。而CSS中的居中就是一個非常有用的技巧。下面，我們來了解如何使用CSS讓整個網頁居中。

body{
display: flex; /* 這里利用flex布局 */
flex-direction: column; /* 設置主軸方向為縱向列 */
justify-content: center; /* 垂直居中 */
align-items: center; /* 水平居中 */
}

上面的代碼中，我們使用了flex布局來居中整個網頁。具體實現是通過將主軸方向設置為縱向列，然后在垂直方向上居中元素，同時在水平方向上居中元素。這樣我們就能實現整個網頁的居中效果。

需要注意的是，這種居中方式前提是要網頁的寬度小于父容器的寬度。如果網頁的寬度大于父容器的寬度，則需要設置網頁的寬度為父容器的寬度。代碼如下：

html, body {
height: 100%; /* 設置高度為100% */
}
body {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 100%; /* 設置最大寬度為100% */
}

這樣，我們就能在網頁寬度大于父容器寬度的情況下實現居中效果。

總之，利用CSS讓整個網頁居中是一種非常實用的方式。我們可以使用flex布局等技巧來實現，讓網頁設計更加美觀和易于閱讀。