```html Document Hello, World!```
确保你的CSS文件名和路径正确无误，否则浏览器将无法正确加载CSS样式。
HTML 引用 CSS 文件：高效构建网页样式的方法
在网页设计中，CSS（层叠样式表）是不可或缺的一部分，它负责定义网页的布局、颜色、字体等样式。正确地引用 CSS 文件到 HTML 页面中，可以极大地提高网页的维护性和可读性。本文将详细介绍如何在 HTML 中引用 CSS 文件，并提供一些实用的技巧。
在开始之前，让我们先了解一下为什么要在 HTML 中引用 CSS 文件。简单来说，这样做有以下几点好处：
- 分离内容与样式：将 CSS 样式与 HTML 内容分离，使得代码结构更加清晰，便于维护。
- 复用性：一个 CSS 文件可以被多个 HTML 页面共享，减少代码冗余。
- 灵活性：通过外部样式表，可以轻松地对整个网站的风格进行统一调整。
外部样式表
引用外部样式表的步骤
1. 创建 CSS 文件：首先，你需要创建一个 CSS 文件，例如 `styles.css`。
2. 编写 CSS 代码：在 `styles.css` 文件中编写你的 CSS 代码。
3. 在 HTML 中引用 CSS 文件：在 HTML 文件的 `` 部分添加以下代码：
```html
