首頁  >  文章  >  web前端  >  css外鍊式和導入式的差別是什麼

css外鍊式和導入式的差別是什麼

王林
王林原創
2020-11-16 14:21:064480瀏覽

css外鍊式和導入式的區別是:外鍊式是先將css佈局文件載入到網頁文件中,而導入式是先載入網頁文件,然後再載入佈局文件。使用導入式可以避免過多的網頁檔案指向一個css佈局檔。

css外鍊式和導入式的差別是什麼

區別分析如下:

(學習影片推薦:css影片教學

外鍊式樣式

<link rel="stylesheet" href="css/test.css">

導入式樣式

@import "css/test.css";

兩者最先實現的結果是一樣的,都是將獨立的css檔案引入網頁檔案中。

但是兩者還是有細微的差別。其中link是將css佈局檔先載入到網頁檔案中,所以這時無論網速再慢,最終實現的網頁效果都是一樣的。而@import則是先將網頁文件加載,再加載佈局文件,這時候如果網速過慢的話,則會先出現沒有佈局的網頁效果,就會顯得很難看。

但是匯入樣式可以避免過多的網頁文件指向一個css佈局文件,如果採用link的話,可能會導致由於過多的網頁文件同時採用一個佈局文件而導致速度下降。但是使用好的硬碟基本上不會出現這樣的情況。

相關推薦:CSS教學

以上是css外鍊式和導入式的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn