溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
好程序員 web前端分享CSS文件引用的最優方法，在 html 總引入 css 文件的方法：
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 就行了。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
