在HTML中引用CSS样式，可以使用`
标签将外部CSS文件链接到HTML文档头部，或者使用标签将内联CSS代码嵌入到HTML文档的或`部分。
在HTML中引用CSS样式有多种方式，以下是两种常用的方法：
1、内部样式表（内联样式）：通过在HTML标签中使用"style"属性来直接定义样式。
2、外部样式表：将CSS代码保存在一个独立的外部文件中，然后在HTML中通过链接标签引入该文件。
下面是使用这两种方法的详细步骤：
内部样式表（内联样式）
步骤：
1、在需要添加样式的HTML标签中使用"style"属性。
2、在"style"属性中编写CSS代码。
3、CSS代码应该放在双引号之间。
4、多个CSS规则可以使用分号分隔。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>引用CSS样式</title>
</head>
<body>
<h1 style="color: blue; font-size: 24px;">标题</h1>
<p style="font-family: Arial;">这是一个段落。</p>
</body>
</html>
在上面的示例中，我们使用了内联样式来设置标题和段落的字体颜色、大小和字体族。
外部样式表
步骤：
1、创建一个外部CSS文件，例如styles.css。
2、在HTML文件中使用<link>标签引入外部CSS文件。
3、<link>标签应该放在<head>标签内。
4、使用href属性指定外部CSS文件的路径。
5、确保外部CSS文件与HTML文件位于同一目录下，或提供正确的相对路径。
6、在外部CSS文件中编写CSS代码。
7、HTML文件中的元素可以通过选择器来应用外部CSS文件中定义的样式。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>引用CSS样式</title>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1 class="my-title">标题</h1>
<p class="my-paragraph">这是一个段落。</p>
</body>
</html>
在上面的示例中，我们创建了一个外部CSS文件styles.css，并在HTML文件中使用<link>标签引入该文件，我们在外部CSS文件中定义了两个类选择器的样式，分别应用于标题和段落元素。
相关问题与解答
问题1：如何在HTML中引用多个CSS样式表？
答：可以在HTML文件中使用多个<link>标签来引用多个外部CSS文件，每个<link>标签对应一个外部CSS文件，确保按照正确的顺序引用它们，以避免样式冲突，还可以使用内部样式表（内联样式）在同一个HTML文件中同时引用多个CSS样式。
问题2：如何将内部样式表转换为外部样式表？
答：要将内部样式表转换为外部样式表，可以按照以下步骤操作：将内部样式表中的CSS代码复制到一个新的外部CSS文件中；在HTML文件中使用<link>标签引入该外部CSS文件；删除原始内部样式表中的style属性和相关代码，这样，HTML文件中的所有样式都将从外部CSS文件获取。