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文件;而鏈接則不具備這個特性

更多css鏈接式和導入式的區別相關文章請關注PHP中文網！