CSS一共有四種引入方式
（1）最簡單的兩種方式是直接在html標簽里面引入，或者在html文件前面聲明，以下是簡單的代碼示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{background-color:red;
color: black}
</style>
<!--這里是修飾所有的P標簽里面的內容，這是引入方法的一種-->
<style>
div{background-color:chartreuse;
color: coral}
</style>
</head>
<body>
<p style="background-color: aquamarine;color: black">Jay</p>
<!--在css里面，要用分號區別各種屬性,雖然這個P標簽有css樣式，但是文本的樣式是就近原則，這是最簡單的css引入方式-->
<p>Bob</p>
<div>spider
<p>我是個P</p>
</div>
<!--div里面的P標簽在上面有div的樣式而沒有P標簽樣式時，按div標簽的樣式，否則按P標簽的樣式-->
</body>
</html>
結果如圖
（2）可以用導入方法
先創建一個stylesheet文件，也就是css文件，在里面編輯好css樣式，這里如圖
然后代碼如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
@import "css3.css";
</style>
<p>你好，我是導入的css</p>
</head>
<body>
</body>
</html>
這樣關於P標簽的樣式就導入進去了
（4）通過link方式導入樣式
這種方法跟import的就會一模一樣，但是@import有數量限制，且是先等網頁加載完再引入樣式，如果網頁足夠大，則可能出現閃爍，就是漫長的無樣式網頁加載之后，css突然出來
而link不會出現這樣的情況，他是網頁主題裝載前就先裝載CSS的
link方式如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="css3.css" type="text/css" rel="stylesheet">
<!--type聲明引入的文本是css，stylesheet聲明引入的是css代碼塊-->
<p>你好，我是導入的css</p>
</head>
<body>
</body>
</html>
效果和第三種方式一樣