引入CSS样式的方法
在HTML中，我们可以使用内部样式表和外部样式表来为网页添加样式。而外部样式表是通过CSS文件来定义样式的，这样可以将样式和结构分离，使得代码更加清晰和易于维护。
外部样式表的基本结构
外部样式表是一个以.css为后缀名的文本文件，其中包含了一些CSS规则和属性，来定义HTML元素的样式。下面是一个外部样式表的基本结构：
/* 注释：这是一个外部样式表 */
selector {
property: value;
property: value;
}
selector {
property: value;
property: value;
}
在外部样式表中，我们可以定义一系列的选择器(selector)和其对应的样式属性和值。
创建外部样式表
要使用外部样式表来为HTML文件添加样式，我们首先需要创建一个以.css为后缀名的文本文件。比如，我们可以创建一个名为"style.css"的文件，将其保存在与HTML文件相同的文件夹中。
接下来，我们需要在HTML文件中通过链接(link)来引入外部样式表。在HTML文档的
标签中添加以下代码：
<link rel="stylesheet" href="style.css">
在上面的代码中，rel属性指定了链接的关系类型，href属性指定了样式表文件的路径。
当浏览器解析HTML文件时，会自动下载并应用外部样式表。此时，样式表中的规则和属性就会影响到HTML文件中的元素。
外部样式表与HTML文件的关系
外部样式表和HTML文件之间是一种独立关系。HTML文件中的元素不依赖于样式表的存在，它们可以独立地展示内容和结构。而样式表中定义的规则和属性只有在被HTML文件引用后才会生效。
为什么使用外部样式表？
使用外部样式表有以下几个优点：
1. 结构和样式分离
通过使用外部样式表，我们可以将页面的结构与样式分离开来。这样做的好处是，使得HTML代码更加简洁和易于维护。当我们需要修改样式时，只需要修改一个外部样式表文件，而不需要逐个修改每个HTML文件。
2. 提高页面加载速度
外部样式表文件可以被浏览器缓存起来，这意味着在访问同一个网站的其他页面时，该样式表文件不需要重新加载。这样可以提高页面的加载速度，减少网络请求的次数。
3. 可重用性
通过使用外部样式表，我们可以为多个HTML文件共享相同的样式。这样可以使得页面的样式保持统一，同时也可以减少代码的重复。
总结
在HTML中，我们可以通过链接外部样式表来为网页添加样式。外部样式表是以.css为后缀名的文本文件，其中包含了一些CSS规则和属性，用于定义HTML元素的样式。使用外部样式表的优点包括结构和样式分离、提高页面加载速度和样式的可重用性。通过将样式和结构分离，我们可以更好地组织和维护代码，同时也可以使页面加载更快。