十年網(wǎng)站開(kāi)發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無(wú)憂售后,網(wǎng)站問(wèn)題一站解決
link
1 2 3
@import
1
區(qū)別
加載順序:
link是先將css文件加載到網(wǎng)頁(yè),然后再進(jìn)行編譯。@import是先加載完html結(jié)構(gòu)再加載css文件,如果網(wǎng)速較慢則會(huì)影響視覺(jué)效果。
link確保并行下載css文件,@import是一個(gè)一個(gè)下載。
在IE中,link會(huì)阻斷@import延長(zhǎng)加載時(shí)間,多個(gè)@import的使用還會(huì)打亂資源文件的下載順序引發(fā)js問(wèn)題。
兼容性:link是xhtml標(biāo)簽無(wú)兼容問(wèn)題,@import是css2.1提出的所以不支持IE5以前的瀏覽器。
DOM支持:link支持DOM改變樣式,@import不支持。
此外,link標(biāo)簽還可以調(diào)用js文件、聲明目錄等,@import只能加載css。
選擇
使用link:
link可以選定要加載的媒體media。由于上述加載、兼容與IE的原因,普通站點(diǎn)應(yīng)當(dāng)盡量使用link。
使用@import:
大型門(mén)戶網(wǎng)站(如淘寶)多個(gè)頁(yè)面link同一個(gè)css文件會(huì)造成速度下降,@import可以在css中調(diào)入樣式表,方便對(duì)css進(jìn)行模塊化管理。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。