在HTML中引用CSS的三种主要方式

外部样式表（External Style Sheet） 使用元素在HTML文档的部分引用外部CSS文件。这是最常见且推荐的方式，因为它允许样式和内容分离，使得样式更易于管理和复用。

在这个例子中，styles.css是外部样式表文件，它应该位于与HTML文件相同的目录或指定的路径下。

内部样式表（Internal Style Sheet） 使用元素在HTML文档的部分定义CSS规则。这种方式适用于单个文档的特定样式，但不利于样式复用。

在这个例子中，所有的CSS规则都定义在标签内。

内联样式（Inline Style） 使用style属性直接在HTML元素上定义CSS规则。这种方式应该谨慎使用，因为它增加了HTML的复杂性，并且不利于样式的维护和复用。

在这个例子中，每个HTML元素都通过style属性直接指定了CSS样式。这种方式通常用于覆盖其他样式表中的特定样式或为单个元素应用一次性样式。然而，对于大型项目或需要一致样式的场景，外部样式表通常是更好的选择。