1鏈接式：

　　2導入式：

　　區別：

　　使用鏈接式時，會在加載頁面主體部分之前加載css文件，這樣現實出來的頁面一開始就是帶有樣式效果的，而使用導入式時，會在整個頁面裝載完成之後再裝載css文件，對於有的瀏覽器來說，在一些情況下，如果頁面文件的體積比較大，則會出現先現實無樣式的頁面，閃爍一下之後再出現設置樣式的效果。從瀏覽者的感受來說，這是使用導入式的一個缺陷。**

　　鏈接式比導入式快。

　　當有多個文件鏈接到頁面的時候會導致服務器發送更多的數據包，這些數據包的數量(不是內容)會影響下載時間。同時也不好維護。。 瀏覽器從同一個站點同時下載的文件數量有限制。老式的瀏覽器是2個，現代瀏覽器是8個，也就是說如果有9個樣式表，那麽必須等下載完前8個才能開始下載第9個。所以鏈接或導入多個文件絕對不是一個好辦法。

　　因此這裏給大家的建議是，如果僅引入一個css文件，則使用鏈接方式;如果需要引入多個css文件，則首先用鏈接式引入一個簡單的css文件，然後再把其他的css文件導入到這個文件中。

　　比如你寫了三個css樣式表：css_red.css ， css_blue.css ， css_green.css

　　這樣你就可以寫一個主樣式style.css 把三個樣式表都導入進去：

　　@import "css_red.css";

　　@import "css_blue.css";

　　@import "css_green.css";

　　調用的時候只鏈接 style.css 就行了。

好程序員web前端分享CSS文件引用的最優方法