HTML5是一种用于创建网页内容的超文本标记语言，而CSS（层叠样式表）则是一种用于描述HTML文档外观和格式的样式表语言，通过将CSS样式应用于HTML5文档，可以使网页具有更美观和易于阅读的界面，本文将详细介绍如何在HTML5中引用CSS样式。
在HTML5中引用CSS样式的方法主要有以下几种：
1、内联样式（Inline Styles）：通过在HTML元素中使用“style”属性，可以直接为单个元素指定CSS样式，这种方法适用于对单个元素进行样式设置，但不建议用于整个网页，因为它会增加代码的复杂性和维护难度。
示例：
<p style="color: blue; font-size: 16px;">这是一个带有内联样式的段落。</p>
2、内部样式表（Internal Style Sheet）：通过在HTML文档的<head>部分使用<style>标签，可以定义一个内部样式表，这种方法适用于对整个网页的样式进行统一设置。
示例：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: green;
font-size: 18px;
}
</style>
</head>
<body>
<p>这是一个带有内部样式表的段落。</p>
</body>
</html>
3、外部样式表（External Style Sheet）：通过将CSS代码保存在一个单独的文件中，并在HTML文档中使用<link>标签引用该文件，可以实现外部样式表，这是最常用的方法，因为它可以将样式和内容分离，便于维护和重用。
创建一个CSS文件（styles.css）：
/* styles.css */
p {
color: red;
font-size: 20px;
}
在HTML文档中引用该CSS文件：
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="styles.css"> </head> <body> <p>这是一个带有外部样式表的段落。</p> </body> </html>
常见问题与解答：
Q1: 内联样式、内部样式表和外部样式表有什么区别？
A1: 内联样式是直接在HTML元素中使用“style”属性设置样式，适用于单个元素；内部样式表是在HTML文档的<head>部分使用<style>标签定义，适用于整个网页；外部样式表是将CSS代码保存在一个单独的文件中，并通过<link>标签在HTML文档中引用，可以用于多个网页，便于维护和重用。
Q2: 如何为HTML5文档选择合适的CSS引用方法？
A2: 通常情况下，建议使用外部样式表，因为它可以将样式和内容分离，便于维护和重用，对于简单的网页或单个元素的样式设置，可以使用内联样式或内部样式表。
Q3: 如何在HTML5中同时使用多个CSS样式表？
A3: 在HTML5文档的<head>部分，可以使用多个<link>标签分别引用不同的CSS样式表，这些样式表将按照引用的顺序进行加载，后面的样式表会覆盖前面的样式表中的相同样式规则，示例：
<head> <link rel="stylesheet" type="text/css" href="styles1.css"> <link rel="stylesheet" type="text/css" href="styles2.css"> </head>