CSS的link和@import的區別，csslink@import

CSS的link和@import的區別，csslink@import

CSS的link和@import的區別:

標籤和@import都可以引入外部樣式表，功能看起來類似，但是它們之間還是有不少區別的，由於標籤使用比較頻繁，這裡就不多介紹了，點擊CSS的@import的用法可以瞭解@import的用法。下面就簡單介紹一下它們兩者的區別。

一.@import可以在一個樣式表中引入其他樣式表，在同一目錄下有三個樣式表分別是:main.css、one.css和two.css，在main樣式表中可以引入one.css和two.css。方法如下:

@charset "utf-8";/* CSS Document */@import url("one.css");@import url("two.css");

但是沒有此用法。

二.使用dom控制樣式時的差別。當使用javascript控制dom去改變樣式的時候，只能使用link標籤，因為@import不是dom可以控制的。

三.由於@import是CSS2.1出現的概念，所以對於較老版本的瀏覽器是無效的，而標籤則沒有此方面的問題。

四.載入順序的差別。當一個頁面被載入的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被載入，而@import引用的CSS會等到頁面全部被下載完再被載入。所以有時候瀏覽@import載入CSS的頁面時開始會沒有樣式。

總結:由以上它們的區別可以看出，要盡量使用標籤來替代@import。

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0503/584.html

最為原始地址是:http://www.softwhy.com/