CSS 是网页设计中的重要组成部分，它可以为 HTML
页面添加样式和布局。CSS 样式可以直接写在 HTML 文档内，或者
链接外部样式表。本文将介绍如何在 HTML 文档中
调用外部 CSS 样式表。
首先，我们需要创建
一个 CSS
文件。可以使用任何文本编辑器来创建这个
文件，只需将
文件扩展名命名为 .css 即可。在 CSS
文件中，我们可以定义各种样式规则，例如字体、颜色、间距、边框、背景等。
接下来，在 HTML 文档中
链接 CSS 样式表。这可以通过在 head
标签中
添加 link 元素来完成。link 元素包含几个
属性：
- rel
属性：定义
链接的文档与当前文档之
间的关系，此处应该设置为 stylesheet。
- href
属性：定义
链接的 CSS 样式表
文件的路径，可以是
绝对路径或相对路径。
- type
属性：定义
链接文档的 MIME 类型，应该设置为“text/css”。
下面是
一个示例：
<head>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>
此时，HTML
页面就会应用 styles.css
文件中定义的样式规则。
需要注意的是，CSS
文件应该和 HTML
文件在同一目录下，或者在子目录中。如果 CSS
文件位于父目录中，可以使用../符号进行引用。例如：
<head>
<link rel="stylesheet" href="../styles.css" type="text/css">
</head>
以上就是如何在 HTML
页面中
调用外部 CSS 样式表的
方法。通过这种方式，我们可以将样式规则和 HTML
内容分离，使网页设计更加模块化和可维护。
