设置HTML5的样式
在网页开发中，HTML5是一种常用的标记语言。HTML5不仅提供了丰富的标签和属性，还支持自定义的样式。通过设置HTML5的样式，我们可以优化网页的外观和交互效果，提升用户体验。
CSS样式
在HTML5中，我们可以使用CSS来设置样式。CSS是一种样式表语言，用于描述HTML文档的外观和布局。通过CSS，我们可以改变文本的颜色、背景、字体样式等，还可以调整元素的大小、边距、边框等。
内联样式
内联样式是一种直接在HTML标签中设置样式的方式。我们可以在标签的style属性中编写CSS代码。例如，下面的代码将一个段落的字体颜色设置为红色：
<p style="color: red;">这是一段红色的文字。</p>
内联样式的优点是简单易懂，适用于只需要对少量元素设置样式的情况。然而，当我们需要对多个元素设置相同的样式时，内联样式显得不够灵活和高效。
内部样式表
内部样式表是一种将CSS代码写在HTML文档<head>标签内的方式。我们可以通过<style>标签来定义内部样式表。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: blue;
}
</style>
</head>
<body>
<p>这是一段蓝色的文字。</p>
</body>
</html>
在上述代码中，我们在<style>标签内定义了一个样式规则，将所有的段落文字颜色设置为蓝色。
内部样式表的优点是可以在同一个HTML文档中多次重用，方便维护和修改。然而，当我们需要对多个HTML文档应用相同的样式时，内部样式表就显得力不从心了。
外部样式表
外部样式表是一种将CSS代码写在一个单独的CSS文件中的方式。我们可以通过<link>标签将CSS文件链接到HTML文档中。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>这是一段使用外部样式表设置的文字。</p>
</body>
</html>
在上述代码中，我们通过<link>标签将styles.css文件链接到HTML文档中。在styles.css文件中，我们可以定义各种样式规则，例如：
p {
color: green;
}
通过外部样式表，我们可以在多个HTML文档中共享相同的样式规则，提高代码的重用性和可维护性。
HTML5的样式属性
除了使用CSS设置样式外，HTML5本身也提供了一些样式属性，可以直接应用在HTML标签上。下面介绍几个常用的样式属性。
class属性
class属性用于给HTML元素指定一个或多个类名。通过类名，我们可以在CSS中选择并设置相应的样式。以下是一个示例：
<!DOCTYPE html>
<html>
<head>
<style>
.red-text {
color: red;
}
</style>
</head>
<body>
<p class="red-text">这是一段红色的文字。</p>
</body>
</html>
在上述代码中，我们给<p>标签添加了class属性，并指定了类名为red-text。在CSS中，我们定义了.red-text选择器，并设置文字颜色为红色。
通过class属性，我们可以在不同的HTML元素中应用相同的样式规则，方便统一管理和修改。
id属性
id属性用于给HTML元素指定一个唯一的标识符。通过id属性，我们可以在CSS中选择并设置相应的样式。以下是一个示例：
<!DOCTYPE html>
<html
