在網(wǎng)頁設(shè)計中，整體頁面居中是一種常見的布局方式。通過 CSS 可以實(shí)現(xiàn)整體頁面的水平和垂直居中，下面我們將詳細(xì)介紹一下 CSS 中整體頁面居中的語法。

首先，水平居中。我們可以使用以下代碼：

body {
display: flex;
justify-content: center;
align-items: center;
}

上述代碼的作用是將 body 元素的 display 值設(shè)為 flex，然后將 justify-content 和 align-items 屬性的值設(shè)為 center。這樣，整個頁面就可以水平居中了。

接下來，垂直居中。我們可以使用以下代碼：

body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

上述代碼在水平居中的基礎(chǔ)上，加上了 flex-direction 屬性，將頁面的 flex 布局方向改為垂直方向。這樣，整個頁面就可以垂直居中了。

最后，我們可以將以上兩種方式結(jié)合起來，實(shí)現(xiàn)整體頁面的水平和垂直居中。代碼如下：

body {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}

以上代碼還可以簡化為以下方式：

body {
display: grid;
place-items: center;
}

使用 grid 布局中的 place-items 屬性，可以同時實(shí)現(xiàn)水平和垂直居中。

以上就是 CSS 中整體頁面居中的語法，希望對你的網(wǎng)頁設(shè)計有所幫助。