以下是一个简单的例子：
```html Document Hello, World!```
在这个例子中，`styles.css` 是CSS文件的名称，它应该位于与HTML文件相同的目录中。如果CSS文件位于不同的目录中，您需要提供正确的路径，例如 `href=css/styles.css`。
确保CSS文件的路径是正确的，并且文件名拼写无误，否则浏览器将无法正确加载CSS样式。
HTML引用外部CSS：提升网页开发效率的利器
在网页开发过程中，HTML负责定义网页的结构，而CSS则负责定义网页的样式。将CSS样式与HTML结构分离，可以使网页更加清晰、易于维护。本文将详细介绍如何在HTML中引用外部CSS文件，帮助开发者提升网页开发效率。
二、外部CSS文件的优势
使用外部CSS文件，可以将样式与HTML结构分离，具有以下优势：
提高代码复用性：同一个CSS文件可以被多个HTML页面引用，减少代码冗余。
便于维护：修改CSS样式时，只需修改外部文件，所有引用该文件的页面都会自动更新。
提高加载速度：外部CSS文件可以缓存，减少重复加载，提高页面加载速度。
三、HTML引用外部CSS的方法
在HTML中引用外部CSS文件，主要有以下几种方法：
