一、導(dǎo)入css樣式時(shí)使用link和@import的區(qū)別
1、加載順序不同
link標(biāo)簽會(huì)在頁(yè)面加載時(shí)同時(shí)被加載,而@import是在頁(yè)面加載完畢后才會(huì)被加載,因此link標(biāo)簽的樣式會(huì)優(yōu)先加載和渲染,而@import的樣式則會(huì)稍后被渲染。
2、兼容性不同
link標(biāo)簽被所有瀏覽器支持,而@import在一些老的瀏覽器中可能不被支持。
3、引入方式不同
link標(biāo)簽可以在head標(biāo)簽中或body標(biāo)簽中任何位置引入CSS文件,而@import只能在CSS文件中引入其他CSS文件。
4、預(yù)加載不同
使用link標(biāo)簽可以通過(guò)設(shè)置rel=”preload”屬性來(lái)提前加載CSS文件,從而加快網(wǎng)頁(yè)的加載速度。而@import則沒(méi)有這種預(yù)加載的功能。
5、覆蓋規(guī)則不同
link標(biāo)簽中的CSS樣式可以被后面定義的CSS樣式覆蓋,而@import定義的CSS樣式則不能被后面定義的CSS樣式覆蓋。