标题：使用 CSS 将整个页面居中
在 Web 开发中，居中是一种常用的布局技巧。在 CSS 中，可以使用 `margin: 0 auto` 属性来将整个页面居中。下面我们将介绍如何使用这个属性来实现整个页面的居中。
首先，我们需要将需要居中的元素添加到页面中。对于整个页面，我们可以使用 `body` 元素来实现居中。例如：
```html
<body style="margin: 0 auto;">
<div style="width: 100%; height: 100vh;">
<h1>居中的文本</h1>
<p>居中的段落</p>
</div>
</body>
在这个例子中，`body` 元素使用 `margin: 0 auto` 属性将整个页面居中。`vh`(viewport height)属性用于计算页面的高度，因为浏览器窗口的大小会影响页面的高度。`100vh` 表示页面的实际高度，即浏览器窗口的高度乘以页面的覆盖率。
除了使用 `body` 元素，我们还可以使用其他元素来实现居中，例如使用 `div` 元素将需要居中的元素包围起来，再使用 `margin: 0 auto` 属性将它们居中。例如：
```html
<div style="width: 100%; height: 100vh; margin: 0 auto;">
<h1>居中的文本</h1>
<p>居中的段落</p>
</div>
在这个例子中，`div` 元素使用 `margin: 0 auto` 属性将需要居中的元素居中。
需要注意的是，`margin: 0 auto` 属性只能将元素居中，而无法将整个页面的内容居中。如果想要将整个页面的内容居中，可以使用其他布局技巧，例如使用表格、绝对定位和伪元素等。
总之，使用 CSS 将整个页面居中是一种非常实用的布局技巧。通过使用 `margin: 0 auto`，我们可以轻松地将整个页面的内容居中。