3. 外部样式表

创建一个CSS文件（例如styles.css），然后在HTML文档的部分使用标签引用该文件。

假设我们有一个名为styles.css的外部样式表，内容如下：

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

然后在HTML文档中引用它：

  


  
这是一个带有外部样式的段落。

相关问题与解答

Q1: 如何将多个CSS文件链接到HTML文档？

A1: 只需在部分添加多个标签，每个标签引用一个CSS文件即可。

  
  


  
这是一个带有多个外部样式的段落。

Q2: 如何在HTML文档中使用内联样式和内部样式同时？

A2: 可以在同一个HTML元素中同时使用内联样式和内部样式，当两者发生冲突时，内联样式优先级较高。

  


  
这是一个带有内联样式和内部样式的段落。

在这个例子中，段落的颜色将是红色，因为内联样式的优先级高于内部样式。