外部样式

外部样式是一种在HTML文档中引用外部样式表文件来定义页面样式的方法。这种方法的优点是可以将页面的样式与内容分离，使得页面结构更清晰，易于维护。在HTML 5中，可以使用link标签来引用外部样式表。

以下是如何使用外部样式表的基本步骤：

1. 创建一个样式表文件：首先，创建一个新的文本文件，并将其保存为一个.css文件。例如，可以命名为styles.css。在这个文件中，可以编写所需的CSS样式规则。

2. 编写样式规则：在样式表文件中，可以编写各种样式规则，如设置字体、颜色、边框等。例如，可以使用如下规则：

body {
  font-family: Arial, sans-serif;
  background-color: lightgrey;
}

h1 {
  color: blue;
}

3. 在HTML文档中引用样式表：在需要应用样式的HTML文档中，使用link标签来引用样式表。在head部分添加如下代码：

<link rel="stylesheet" type="text/css" href="styles.css">

其中，href属性指定样式表文件的路径。

4. 测试样式：保存HTML文档和样式表文件，并在浏览器中打开HTML文档，查看样式是否生效。

通过这种方法，可以方便地管理和修改网页的样式，使得页面更具有吸引力和可读性。在开发大型网站时，使用外部样式表可以提高工作效率，减少代码冗余，使得代码更加整洁和易于维护。