CSS的三种引入方式
在HTML中引入CSS样式可以使用三种不同的方式，它们分别是：
内联样式：将CSS样式直接写在HTML标签的style属性中。
内部样式表：将CSS样式写在HTML文档的<style>标签内，位于<head>标签中。
外部样式表：将CSS样式写在一个独立的.css文件中，并通过<link>标签引入到HTML文档中。
优先级：
内联样式的优先级最高，它将覆盖其他两种引入方式的样式。
内部样式表的优先级高于外部样式表，但低于内联样式。
外部样式表的优先级最低，它会被内联样式和内部样式表所覆盖。。
内联样式:
内联样式是将CSS样式直接写在HTML标签的style属性中，例如：
<p style="color: red; font-size: 16px;">这是内联样式的文本</p>
内部样式表:
内部样式表是将CSS样式写在HTML文档的<style>标签内，通常位于<head>标签中例如：
<!DOCTYPE html>
<html lang="en">
<head>
<title>内部样式表</title>
<style>
p {
color: aquamarine;
font-size: 18px;
}
</style>
</head>
<body>
<p>内部样式表</p>
</body>
</html>
外部样式表
外部样式表是将CSS样式写在一个独立的.css文件中，并通过标签引入到HTML文档中，例如：
<!DOCTYPE html>
<html lang="en">
<head>
<title>外部样式表</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<p>外部样式表</p>
</body>
</html>
文件 styles.css
p {
color: aquamarine;
font-size: 18px;
}
