一、導(dǎo)入css樣式時(shí)使用link和@import的區(qū)別
1、加載順序不同
link標(biāo)簽會(huì)在頁面加載時(shí)同時(shí)被加載,而@import是在頁面加載完畢后才會(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)簽可以通過設(shè)置rel=”preload”屬性來提前加載CSS文件,從而加快網(wǎng)頁的加載速度。而@import則沒有這種預(yù)加載的功能。
5、覆蓋規(guī)則不同
link標(biāo)簽中的CSS樣式可以被后面定義的CSS樣式覆蓋,而@import定義的CSS樣式則不能被后面定義的CSS樣式覆蓋。