3. 外部样式表

外部样式表是将CSS代码单独保存在一个文件中（通常以.css为扩展名），然后在HTML文档的部分使用标签引用该文件，这种方式适用于整个网站或多个页面的样式设置。

示例代码：

假设我们有一个名为styles.css的文件，内容如下：

p {
  color: red;
  font-size: 20px;
}

在HTML文档中引用该文件：

  


  
这是一个外部样式表的例子。

相关问题与解答

问题1：如何在HTML中使用多种样式设置方式？

答：在HTML中，可以同时使用内联样式、内部样式表和外部样式表，当多种样式设置方式应用于同一元素时，优先级顺序为：内联样式 > 内部样式表 > 外部样式表，如果需要覆盖某一种样式设置，可以使用更高优先级的方式。

问题2：如何在不同页面中共享相同的样式设置？

答：将共享的样式设置提取到一个外部样式表文件中，然后在需要应用这些样式的HTML文档中引用该文件，这样，所有引用了该外部样式表的页面都将具有相同的样式设置。