使用 CSS 外部样式表的方法
1. 创建一个外部 CSS 样式表
首先，我们需要创建一个独立的 CSS 文件，将样式规则写在这个文件中。可以使用任何文本编辑器创建这个文件，将其保存为 .css 文件格式。例如，我们创建一个名为 style.css 的样式表文件。
2. 将外部样式表链接到 HTML 文件
在需要应用样式的 HTML 文件中，通过使用 link 元素将外部样式表链接到 HTML 文档中。在 HTML 文件的 head 部分中添加以下代码：
<link rel="stylesheet" type="text/css" href="style.css">这里，rel 属性定义链接的类型，值为 stylesheet 表示链接的是一个样式表。type 属性指定链接的文件类型，此处为 text/css。href 属性指定样式表文件的路径，此处为 style.css。
3. 编写 CSS 样式规则
在刚创建的样式表文件 style.css 中，可以编写自定义的样式规则。以下是一个示例：
/* 定义全局样式 */
body {
font-family: Arial, sans-serif;
background-color: #f5f5f5;
}
/* 定义标题样式 */
h1 {
color: #333;
font-size: 24px;
}
/* 定义段落样式 */
p {
color: #666;
line-height: 1.5;
}
在上面的示例中，我们定义了全局样式、标题样式和段落样式。根据需要，您可以在样式表中添加更多的样式规则。
4. 在 HTML 中应用样式规则
完成样式表的编写后，在 HTML 文件中就可以通过使用 HTML 的标签和属性来应用样式规则。以下是一个示例：
<h1>这是一个标题</h1>
<p>这是一个段落</p>
在上面的示例中，标题和段落分别由 h1 和 p 标签包裹。通过在样式表中定义了标题和段落的样式规则，它们会自动应用这些样式。
使用外部样式表还有一些其他的优点：
1. 全局样式
通过使用外部样式表，可以将样式应用到整个网站上的多个页面。只需在需要的页面中链接样式表，就可以让整个网站保持一致的样式。
2. 可维护性
将样式规则集中到一个独立的样式表文件中，可以方便地进行维护和管理。如果需要修改样式，只需在样式表文件中修改一次，就可以同时应用到所有使用该样式表的页面上。
3. 代码重用
使用外部样式表可以通过链接同一个样式表文件来重用样式规则。当某个样式需要在多个页面中使用时，只需链接同一个样式表文件即可，避免了代码的重复。
使用外部样式表是网页开发中常用的一种方式，它能够提高样式的可维护性和代码的重用性，让网页开发更加高效。