摘要:瀏覽器從同一個站點同時下載的文件數量有限制。所以鏈接或導入多個文件絕對不是一個好辦法。因此這里給大家的建議是,如果僅引入一個文件,則使用鏈接方式如果需要引入多個文件,則首先用鏈接式引入一個簡單的文件,然后再把其他的文件導入到這個文件中。
在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 就行了。
我是呆萌靜 一個兼具呆萌與智慧的前端女 哈哈哈哈。。。。。。
------------總結來自《精通Css》以及網上。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/115099.html
摘要:如何來對這些圖片做優化呢本文簡單的梳理了一下目前幾種比較常用的使用方式。下文未對性能問題做真實的測試,請保持一顆好奇的心,并告訴我們這是目前使用比較多的方式。也是我個人認為相對最優的一種解決方式。采用用來顯示也不失為一種好辦法。 在還原設計圖的時候,難免會碰到一些樣式圖片的引用。如何來對這些圖片做優化呢?本文簡單的梳理了一下目前幾種比較常用的使用方式。 注: 1. 有更好的方法的話,歡...
摘要:本文總結了前端老司機經常問題的一些問題并結合個人總結給出了比較詳盡的答案。網易阿里騰訊校招社招必備知識點。此外還有網絡線程,定時器任務線程,文件系統處理線程等等。線程核心是引擎。主線程和工作線程之間的通知機制叫做事件循環。 showImg(https://segmentfault.com/img/bVbu4aB?w=300&h=208); 本文總結了前端老司機經常問題的一些問題并結合個...
摘要:本文總結了前端老司機經常問題的一些問題并結合個人總結給出了比較詳盡的答案。網易阿里騰訊校招社招必備知識點。此外還有網絡線程,定時器任務線程,文件系統處理線程等等。線程核心是引擎。主線程和工作線程之間的通知機制叫做事件循環。 showImg(https://segmentfault.com/img/bVbu4aB?w=300&h=208); 本文總結了前端老司機經常問題的一些問題并結合個...
摘要:本文總結了前端老司機經常問題的一些問題并結合個人總結給出了比較詳盡的答案。網易阿里騰訊校招社招必備知識點。此外還有網絡線程,定時器任務線程,文件系統處理線程等等。線程核心是引擎。主線程和工作線程之間的通知機制叫做事件循環。 showImg(https://segmentfault.com/img/bVbu4aB?w=300&h=208); 本文總結了前端老司機經常問題的一些問題并結合個...
閱讀 2077·2023-04-25 19:15
閱讀 2245·2021-11-23 09:51
閱讀 1264·2021-11-17 09:33
閱讀 2165·2021-08-26 14:15
閱讀 2475·2019-08-30 15:54
閱讀 1582·2019-08-30 15:54
閱讀 2167·2019-08-30 12:50
閱讀 1132·2019-08-29 17:08