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

這篇文章帶給大家的內容是關於css兩種引入樣式文件的區別之處的簡單介紹，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

CSS引入樣式檔案有2種，分別是標籤和@import方式，以下總結了2者的差異！

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

區別2：可以透過JS操作DOM來插入標籤去改變樣式。而對@import方式來說，由於 DOM 方法是基於文件的，因此無法使用JS操作@import去插入樣式。

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

區別4：@import存在稍許相容問題（IE5 ），但是不存在相容問題。

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

相關建議：

css3中兩個漸變的實例介紹 

css的定位有什麼？ css定位的總結

CSS3製作動畫的屬性： transform屬性的介紹

以上是css兩種引入樣式文件的區別之處的簡單介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！