CSS是網頁設計中必不可少的一部分，讓頁面美觀、易讀易懂。當我們想要讓整個頁面或者某一個元素居中時，應該如何實現呢？下面，我們來一步步介紹。

首先，讓頁面整體居中。我們可以設置body元素的text-align屬性為center，這會讓含有文本的塊級元素都居中，如下所示：

body {
text-align: center;
}

若想讓一個元素居中，我們可以利用絕對定位以及相關的偏移量，如下所示：

.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，我們將元素的位置設置為絕對定位，并將它的top和left值都設置為50%，這會將元素相對于父元素的中心點進行偏移。而transform屬性中的translate(-50%, -50%)則會將元素自身的中心點再次偏移回來，從而讓元素居中。

如果想要讓一個行內元素居中，我們可以將它包裹在一個塊級元素中，并使用text-align屬性設置文本居中，如下所示：

.wrapper {
text-align: center;
}
.centered {
display: inline-block;
}

在上面的代碼中，我們用一個塊級元素包裹了行內元素，并使用text-align屬性設置該元素范圍內的文本居中。同時，我們將行內元素的display屬性設置為inline-block，讓它能夠設置寬度和高度，從而在水平方向上實現居中。

總結：

CSS中讓整體居中的方式如下：

body {
text-align: center;
}

讓單個元素居中的方式如下：

.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

讓行內元素居中的方式如下：

.wrapper {
text-align: center;
}
.centered {
display: inline-block;
}