在HTML文档中，CSS（层叠样式表）可以用于定义网页元素的样式，如颜色、字体、大小等。CSS可以通过三种方式添加到HTML文档中：

这里我们重点介绍外部样式的使用方法。

外部CSS的使用方法

1. 创建CSS文件： 首先，你需要创建一个CSS文件。这个文件通常以`.css`为扩展名，例如`styles.css`。

2. 编写CSS规则： 在CSS文件中，你可以编写CSS规则来定义元素的样式。例如： ```css body { backgroundcolor: f0f0f0; fontfamily: Arial, sansserif; } h1 { color: 333; textalign: center; } ```

```

4. 浏览器解析和渲染： 当浏览器加载HTML文档时，它会查找并加载引用的CSS文件。浏览器会根据CSS规则渲染页面。

优点

分离内容与样式：将CSS代码放在单独的文件中，有助于维护和更新。 减少重复代码：可以在多个HTML页面中重复使用同一个CSS文件。 提高性能：浏览器可以缓存CSS文件，从而加快页面加载速度。

注意事项

确保CSS文件的路径正确，否则浏览器无法找到并加载它。 使用相对路径或绝对路径来引用CSS文件。 可以通过`@import`规则在CSS文件中引入其他CSS文件。

外部CSS：网页美化的利器

什么是外部CSS

外部CSS的优势

1. 代码复用

使用外部CSS，可以将样式代码集中管理，方便在不同页面间复用。只需在多个HTML文档中引入同一个CSS文件，即可实现样式的一致性。

2. 维护方便

当需要修改样式时，只需修改外部CSS文件，所有引入该文件的HTML页面都会自动更新。这大大提高了开发效率，降低了维护成本。

3. 加载速度快

由于外部CSS文件被缓存，当再次访问同一网站时，浏览器可以直接从缓存中加载样式，从而提高页面加载速度。

4. 便于团队协作

在团队开发中，外部CSS使得样式管理更加清晰，团队成员可以轻松查看和修改样式代码，提高协作效率。

外部CSS的引入方式

```html