成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Css文件引用的最優(yōu)方法

張巨偉 / 2177人閱讀

摘要：瀏覽器從同一個(gè)站點(diǎn)同時(shí)下載的文件數(shù)量有限制。所以鏈接或?qū)攵鄠€(gè)文件絕對不是一個(gè)好辦法。因此這里給大家的建議是，如果僅引入一個(gè)文件，則使用鏈接方式如果需要引入多個(gè)文件，則首先用鏈接式引入一個(gè)簡單的文件，然后再把其他的文件導(dǎo)入到這個(gè)文件中。

在html總引入css文件的方法：

1鏈接式：
2導(dǎo)入式：

區(qū)別：

使用鏈接式時(shí)，會在加載頁面主體部分之前加載css文件，這樣現(xiàn)實(shí)出來的頁面一開始就是帶有樣式效果的，而使用導(dǎo)入式時(shí)，會在整個(gè)頁面裝載完成之后再裝載css文件，對于有的瀏覽器來說，在一些情況下，如果頁面文件的體積比較大，則會出現(xiàn)先現(xiàn)實(shí)無樣式的頁面，閃爍一下之后再出現(xiàn)設(shè)置樣式的效果。從瀏覽者的感受來說，這是使用導(dǎo)入式的一個(gè)缺陷。**

鏈接式比導(dǎo)入式快。

當(dāng)有多個(gè)文件鏈接到頁面的時(shí)候會導(dǎo)致服務(wù)器發(fā)送更多的數(shù)據(jù)包，這些數(shù)據(jù)包的數(shù)量(不是內(nèi)容)會影響下載時(shí)間。同時(shí)也不好維護(hù)。。 瀏覽器從同一個(gè)站點(diǎn)同時(shí)下載的文件數(shù)量有限制。老式的瀏覽器是2個(gè)，現(xiàn)代瀏覽器是8個(gè)，也就是說如果有9個(gè)樣式表，那么必須等下載完前8個(gè)才能開始下載第9個(gè)。所以鏈接或?qū)攵鄠€(gè)文件絕對不是一個(gè)好辦法。

因此這里給大家的建議是，如果僅引入一個(gè)css文件，則使用鏈接方式；如果需要引入多個(gè)css文件，則首先用鏈接式引入一個(gè)簡單的css文件，然后再把其他的css文件導(dǎo)入到這個(gè)文件中。

比如你寫了三個(gè)css樣式表：css_red.css ， css_blue.css ， css_green.css
這樣你就可以寫一個(gè)主樣式style.css 把三個(gè)樣式表都導(dǎo)入進(jìn)去：
@import "css_red.css";
@import "css_blue.css";
@import "css_green.css";
調(diào)用的時(shí)候只鏈接 style.css 就行了。

我是呆萌靜 一個(gè)兼具呆萌與智慧的前端女 哈哈哈哈。。。。。。
------------總結(jié)來自《精通Css》以及網(wǎng)上。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/115099.html

相關(guān)文章

  • 主流CSS image比較

    摘要：如何來對這些圖片做優(yōu)化呢本文簡單的梳理了一下目前幾種比較常用的使用方式。下文未對性能問題做真實(shí)的測試，請保持一顆好奇的心，并告訴我們這是目前使用比較多的方式。也是我個(gè)人認(rèn)為相對最優(yōu)的一種解決方式。采用用來顯示也不失為一種好辦法。 在還原設(shè)計(jì)圖的時(shí)候，難免會碰到一些樣式圖片的引用。如何來對這些圖片做優(yōu)化呢？本文簡單的梳理了一下目前幾種比較常用的使用方式。 注： 1. 有更好的方法的話，歡...

    iflove 評論0 收藏0

  • 校招社招必備核心前端面試問題與詳細(xì)解答

    摘要：本文總結(jié)了前端老司機(jī)經(jīng)常問題的一些問題并結(jié)合個(gè)人總結(jié)給出了比較詳盡的答案。網(wǎng)易阿里騰訊校招社招必備知識點(diǎn)。此外還有網(wǎng)絡(luò)線程，定時(shí)器任務(wù)線程，文件系統(tǒng)處理線程等等。線程核心是引擎。主線程和工作線程之間的通知機(jī)制叫做事件循環(huán)。 showImg(https://segmentfault.com/img/bVbu4aB?w=300&h=208); 本文總結(jié)了前端老司機(jī)經(jīng)常問題的一些問題并結(jié)合個(gè)...

    DevTalking 評論0 收藏0

  • 校招社招必備核心前端面試問題與詳細(xì)解答

    摘要：本文總結(jié)了前端老司機(jī)經(jīng)常問題的一些問題并結(jié)合個(gè)人總結(jié)給出了比較詳盡的答案。網(wǎng)易阿里騰訊校招社招必備知識點(diǎn)。此外還有網(wǎng)絡(luò)線程，定時(shí)器任務(wù)線程，文件系統(tǒng)處理線程等等。線程核心是引擎。主線程和工作線程之間的通知機(jī)制叫做事件循環(huán)。 showImg(https://segmentfault.com/img/bVbu4aB?w=300&h=208); 本文總結(jié)了前端老司機(jī)經(jīng)常問題的一些問題并結(jié)合個(gè)...

    jonh_felix 評論0 收藏0

  • 校招社招必備核心前端面試問題與詳細(xì)解答

    摘要：本文總結(jié)了前端老司機(jī)經(jīng)常問題的一些問題并結(jié)合個(gè)人總結(jié)給出了比較詳盡的答案。網(wǎng)易阿里騰訊校招社招必備知識點(diǎn)。此外還有網(wǎng)絡(luò)線程，定時(shí)器任務(wù)線程，文件系統(tǒng)處理線程等等。線程核心是引擎。主線程和工作線程之間的通知機(jī)制叫做事件循環(huán)。 showImg(https://segmentfault.com/img/bVbu4aB?w=300&h=208); 本文總結(jié)了前端老司機(jī)經(jīng)常問題的一些問題并結(jié)合個(gè)...

    Rango 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<