CSS有四種導入樣式的方法，下面將一一列舉：
1.行內樣式
行內樣式就是把css樣式直接寫在HTML標籤中
示例： <p style="color:red;">使用css來改變網頁的樣式</p>
缺點：頁面不乾淨，網頁加載體積較大，這種寫法也不利於後續維護 。
2.內嵌樣式
內嵌樣式主要是將樣式寫在<style></style>標籤對中
示例： <style type="text/css">
p{
color: red;
}
</style>
缺點：各個頁面無法共享css樣式，每個頁面定義一個的話，佔用的體積也比較大，也不利於維護。
3鏈接樣式
鏈接樣式主要是通過<link />將css文件鏈到網頁中
示例：<link rel="stylesheet" type="text/css" href="css1.css">
優點：實現了頁面框架代碼與表現CSS代碼的完全分離，使得前期製作和後期維護都十分方便
4.導入樣式
導入樣式和鏈接樣式比較相似，採用@import樣式導入CSS樣式表，在HTML初始化時，會被導入到HTML或者CSS文件中，成爲文件的一部分。
示例： <style type="text/css">
@import url(css1.css); /* 引用地址形式*/
/*@import "css1.css"; 直接寫地址/
</style>
四種導入方法的優先級：理論上是行內>內嵌>鏈接>導入
實際上 內聯>另外三種，另外三種如果在同一個文件頭部，誰離相應的代碼近，誰的優先級高
總結：
如果同一css定義在不同的兩個css文件中，css取後引入的樣式，項目中往往將第三方組件的css放在靠前位置，自定義的css放在後邊。
鏈接樣式是在頁面加載時，同時加載CSS樣式
導入樣式是讀取html文件之後再進行樣式加載