css引入的方式，一共有幾種，分別是哪幾種方式，有什么區別？

一共有4中方式，分別為內聯、內嵌、外聯、導入。

　　第一種：內聯

這種是在標簽內直接寫的，style="   "，如圖所示：

給一個div塊加一個寬高都為300px的樣式。這種方式會讓html代碼冗余，做小demo或者剛接觸html的可以使用，但是不建議使用這種方式，知道有這種方式就可以了。

　　第二種：內嵌

這種是在head標簽里，加一個style標簽，在style里添加樣式，如圖所示：

給這個div塊加一個背景顏色為紅色的樣式。這種方式會讓這個頁面太“重”了，同樣是做小demo或者剛接觸html的可以使用，也不建議使用。

　　第三種：外聯

這種是新建一個.css文件，通過link來引入樣式，如圖所示：

在css文件中，直接寫樣式即可，通過link來把樣式引到.html文件中。這種方式是常用的方式，單獨的一個css文件夾內放css的內容，把每個部分分的詳細一些，也好去管理。

　　第四種：導入

這種是在head標簽里，加一個style標簽，再寫@import  url（），跟用link的方式差不多，如圖所示：

 跟link實現的效果一樣，不同是link是頁面加載的時候同時加載引入的樣式，而@import是頁面加載完成后，再加載引入的樣式；並且link是xhtml中的標簽，所以兼容所有瀏覽器，但@import是在CSS2.1提出的，所以低版本的瀏覽器會不兼容；link是可以通過js來改變樣式的，@import就是不可以的；還有就是link可以引入除了css以為的其他文件，但@import只能引入css文件。