css兩種引入樣式文件的區別之處的簡單介紹

CSS引入樣式文件有2種，分別是<link>標簽和@import方式，下面總結了2者的區別！

區別1：<link>不止可以引用樣式文件，還可以引用其他的資源，但是import只能引入樣式表文件。

區別2：可以通過JS操作DOM來插入<link>標簽去改變樣式。而對@import方式來說，由于 DOM 方法是基于文檔的，因此無法使用JS操作@import去插入樣式。

區別3：<link>引入的CSS文件，在頁面加載的時候就開始加載，但是@import引入的文件要等到頁面加載完成才能加載。

區別4：@import存在稍許兼容問題（IE5+），但是<link>不存在兼容問題。

區別5：@import可以在網頁頁面中使用，也可以在css文件中使用，用來將多個css文件引入到一個css文件中；而link只能將css文件引入到網頁頁面中。注意：在css文件使用@import時，如果有重復的屬性的定義，@import引入的屬性值將會被覆蓋。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com