css連結式和匯入式的區別

連結式:

<link href="style.css" rel="stylesheet" type="text/css"/>

匯入式：

<style type="text/css">   @import"style.css";  </style>

區別：使用連結方式時，會在裝載頁面主體部分之前裝載css檔案，這樣顯示出來的網頁從一開始就是帶有樣式
匯入式，會在整個頁面裝載完成後再裝載css檔案，對於有的瀏覽器來說，在一些情況下，如果網頁檔案的體積比較大，則會出現先顯示無樣式頁面，閃一下之後再出現設定樣式後的效果。

對於較大網站，為了便於維護，可能會希望把所有的css樣式分類別放到幾個css檔案中，這樣如果使用連結式引入，就需要幾個語句分別匯入css，如果要調整css的檔案分類，就需要同是調整HTML檔案。這對於維護工作來說，是一個缺陷。如果使用匯入式，則可以只引進一個總的css檔案，在這個檔案中再匯入其他獨立css檔案;而連結則不具備這個特性