HTML加载CSS样式文件的主要方式有三种：使用link标签、使用style标签、使用import规则。

其中，使用link标签是最常见且推荐的方式，因为它可以将CSS文件与HTML文件分离，便于维护和优化。具体来说，link标签放在HTML文档的head部分，通过href属性指向外部CSS文件，实现样式的加载。这样做不仅可以提高代码的可读性，还能利用浏览器缓存提高页面加载速度。

一、使用link标签

使用link标签是将外部CSS文件链接到HTML文档中的最常见和推荐的方法。这种方法不仅可以将HTML和CSS分离，便于维护，还能利用浏览器缓存，提高页面加载速度。以下是具体步骤和示例：

1.1、基本语法

Hello, World!

在上面的示例中，标签用于将外部CSS文件styles.css链接到HTML文档。rel属性指定了链接的关系类型为“stylesheet”，href属性指定了CSS文件的路径。

1.2、多个CSS文件

有时可能需要在一个HTML文档中加载多个CSS文件，例如一个用于基础样式，一个用于主题样式。可以通过多个标签实现：

Hello, World!

在这个例子中，base.css用于定义基础样式，theme.css用于定义主题样式。浏览器会按照顺序加载并应用这些样式。

二、使用style标签

使用style标签是将CSS样式直接嵌入到HTML文档中的一种方法。这种方法适用于小型项目或简单的样式调整，但不推荐用于大型项目，因为它会使HTML文件变得臃肿且难以维护。

2.1、基本语法

Hello, World!

在上面的示例中，