css的导入方式常用为三种，一种是在html的head标签中添加style标签，在style中添加样式；一种是直接在body的标签中加入style属性；还有一种是新建一个css文件，然后通过link标签导入
<head>
<meta charset="UTF-8">
<title>css的导入方式</title>
<style>
/*<!--第一种导入方式：head标签里的style标签-->*/
p{
color:red;
}
</style>
<!--第三种导入方式-->
<link rel="stylesheet" href="./2-css的第三种导入方式.css ">
</head>
<body>
<p>css的第一种导入方式</p>
<!--第二种导入方式：标签里的style属性-->
<p style="color:saddlebrown">css的第二种导入方式</p>
<!--第三种导入方式：从另外一个独立的文件中导入，需要使用到link标签-->
<!--通过head标签里的link标签导入外部文件--> (外部文件内容： h3{color:green})
<h3>第三种导入方式</h3>
<!--三种导入方式的优先级-->
<!--当三种导入方式都用上了之后，该使用那种方式-->
<span>css的优先级：哪种导入的方式离这个标签近，那么就使用哪种，比如第二种标签离p标签最近就使用第二种导入
也就是后面的导入方式把前面的导入方式覆盖了
</span>