CSS引用：
为了让 HTML 与 CSS 对话，我们需要在 HTML 中引入 CSS
1、 外部样式表（外联）：
在 HTML 文档中的 标签里通过 < link>标签引入 CSS
例：
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="外联路径">
</head>
2、 内部样式表（内联）：
在 HTML 文档中的 标签里通过 < style> 标签书写 CSS 代码
例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
p{
color: #000;
font-size: 100px;
}
</style>
</head>
<body>
<p>
这是一个例子
</p>
</body>
</html>
3、 行内样式表（内嵌）
在 HTML 文档中在元素的开始标记里通过 < style> 属性来书写CSS语句
例：
<P style="color: brown;font-size: 100px;">行内样式表</P>
4、 导入样式表
在 HTML 文档中使用 @import 指令导入一个外部样式表（这个样式表了解就行，一般用不到）
例：
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
@import url("导入路径")
</style>
</head>
三种样式表优先顺序：就近原则
行内样式表（内嵌）=> 内部样式表（内联）=> 外部样式表（外联）
