link和import的區(qū)別？本質(zhì)上，這兩種方法都是用于加載CSS文件的，但仍有細微的區(qū)別。差異一：祖?zhèn)鞑町?。Link是一個XHTML標記，@import是CSS提供的一種方式。除了加載CSS，lin

link和import的區(qū)別？

本質(zhì)上，這兩種方法都是用于加載CSS文件的，但仍有細微的區(qū)別。差異一：祖?zhèn)鞑町?。Link是一個XHTML標記，@import是CSS提供的一種方式。除了加載CSS，link-tag還可以做很多其他的事情，比如定義RSS，定義rel-connection屬性等等，@import只能加載CSS。區(qū)別二：裝貨順序不同。加載頁面時（即瀏覽器瀏覽頁面時），link引用的CSS將同時加載，而@import引用的CSS將在所有頁面下載后加載。所以有時候在瀏覽@import加載的CSS頁面時，一開始就沒有樣式（即閃爍），網(wǎng)速慢的時候就很明顯了（夢之城加載CSS的方式就是使用@import）。當我下載和瀏覽夢想之城網(wǎng)頁時，會出現(xiàn)上述問題）。區(qū)別3：兼容性差異。因為@import是由css2.1提出的，所以舊的瀏覽器不支持它。只有IE5或以上版本的人才能識別@import，但是link標簽沒有這個問題。區(qū)別4：使用DOM控制樣式時的區(qū)別。當使用JavaScript控制DOM來更改樣式時，只能使用link標記，因為@import不受DOM控制。

link和import的區(qū)別？

（1）不同的使用方式（XHTML與CSS）鏈接通常在HTML標題中定義為HTML標記。除了介紹CSS，還可以解釋一下，例如rel=“icon”w3school定義link如下（link resources，主要用于鏈接外部樣式表）< link>標記定義文檔之間的鏈接外部資源。<link>tag用于鏈接外部資源lstylesheets.import文件通常在CSS中定義，并且必須在所有其他規(guī)則之前（除了charset），也就是說，它一般寫在文件的頭中，并且它是專門用來鏈接CSS的。（2） 裝載順序不同。導入實際上比鏈接延遲得多。它將等待頁面下載，因此它可能會閃爍。請看下圖（刷子.css留下來組件.css（3） 兼容性和支持是不同的。因為@import是由css2.1提出的，所以舊的瀏覽器不支持它。只有IE5以上的人才能識別@import，但link標簽不會出現(xiàn)問題。

css引用的兩種方式，link和@import的區(qū)別？

有兩種方法可以在網(wǎng)頁中引用外部CSS文件：鏈接和@import。兩種方式在頁面上的效果相同。鏈接引用如下：

<link=“樣式.css“Type=”text/CSS“/>

@導入引用如下：

<style Type=”text/CSS“”>@導入url（“樣式.css“）</style>

區(qū)別1：不同的應用范圍@Import可以在網(wǎng)頁或CSS文件中使用，將多個CSS文件導入到一個CSS文件，而link只能將CSS文件導入網(wǎng)頁。區(qū)別二：功能范圍不同。鏈接屬于XHTML標記，@import是CSS提供的一種方式。除了加載CSS，link tag還可以定義RSS、rel連接屬性等@import只能加載CSS。

區(qū)別3：裝載順序不同。當一個頁面被加載時，link引用的CSS將同時被加載，而@import引用的CSS將在所有頁面被下載后被加載。所以有時候在瀏覽@import加載的CSS頁面時，一開始就沒有樣式（即閃爍），這在網(wǎng)速慢的時候是很明顯的。

區(qū)別4：兼容性因為@import是由css2.1提出的，所以舊瀏覽器不支持它。只有IE5以上的人才能識別@import，而link標簽沒有這個問題。

差異5：控制風格的差異。使用鏈接模式允許用戶切換CSS樣式。Firefox、opera和safari等現(xiàn)代瀏覽器都支持rel=“alternate stylesheet”屬性（您可以在瀏覽器中選擇不同的樣式）。當然，您也可以使用JavaScript使ie支持用戶更改樣式。

關于前端面試？

說出前端link和import的區(qū)別？

]（1）不同的使用方法（XHTML vs CSS）鏈接一般在HTML頭中定義為HTML標簽。除了介紹CSS，還可以解釋一下。例如，rel=“icon”w3school將鏈接定義如下（鏈接資源，主要用于鏈接外部樣式表）：< link>標記定義文檔和外部樣式表之間的鏈接資源<link>標記用于鏈接到外部樣式圖紙.導入它通常在CSS中定義，并且必須在所有其他規(guī)則之前（charset除外），也就是說，它一般寫在文件頭中，專門用來鏈接CSS。（2） 裝載順序不同。導入實際上比鏈接延遲得多。它將等待頁面下載，因此它可能會閃爍。請看下圖（刷子.css留下來組件.css（3） 兼容性和支持是不同的。因為@import是由css2.1提出的，所以舊的瀏覽器不支持它。只有IE5以上的人才能識別@import，但link標簽不會出現(xiàn)問題。

link和@import引入css的區(qū)別？

本質(zhì)上，這兩種方法都是用于加載CSS文件的，但仍有細微的區(qū)別。祖先之間的差異。Link是一個XHTML標記，@import是CSS提供的一種方式。除了加載CSS，link-tag還可以做很多其他的事情，比如定義RSS，定義rel-connection屬性等等，@import只能加載CSS。

2. 裝載順序的不同。加載頁面時（即瀏覽器瀏覽頁面時），link引用的CSS將同時加載，而@import引用的CSS將在所有頁面下載后加載。所以有時候在瀏覽@import加載的CSS頁面時，一開始就沒有樣式（即閃爍），這在網(wǎng)速慢的時候是很明顯的。

3. 兼容性差異。因為@import是由css2.1提出的，所以舊的瀏覽器不支持它。只有IE5或以上版本的人才能識別@import，但是link標簽沒有這個問題。

4. 使用DOM控制樣式的差異。當使用JavaScript控制DOM來更改樣式時，只能使用link標記，因為@import不受DOM控制。@導入可以再次將其他樣式表引入CSS。例如，您可以創(chuàng)建主樣式表并將其他樣式表引入主樣式表，例如：主.css--------@import“sub1.css”@import“sub2.css”sub1.css------p{顏色：紅色}sub2.css----------.myclass{顏色：藍色}這樣更有利于修改和擴展。一般來說，這些差異是相同的。從上面的分析來看，最好使用link標簽。為標準網(wǎng)頁制作加載CSS文件時，還應選擇要加載的媒體，如屏幕、打印或全部。提示：這樣做有缺點。它將生成太多的HTTP請求到網(wǎng)站服務器。以前是一個文件，現(xiàn)在是兩個或更多的文件。服務器的壓力越來越大，瀏覽量大的網(wǎng)站應該謹慎使用。感興趣的可以查看新浪等網(wǎng)站的主頁或欄目主頁代碼。他們總是直接用HTML而不是外部文件編寫CSS或JS。

css中l(wèi)ink和import的區(qū)別？

本質(zhì)上，這兩種方法都是用于加載CSS文件的，但仍有細微的區(qū)別。

1. 祖先的差異。Link是一個XHTML標記，@import是CSS提供的一種方式。除了加載CSS，link-tag還可以做很多其他的事情，比如定義RSS，定義rel-connection屬性等等，@import只能加載CSS。

2. 加載順序的差異。加載頁面時（即瀏覽器瀏覽頁面時），link引用的CSS將同時加載，而@import引用的CSS將在所有頁面下載后加載。所以有時候在瀏覽@import加載的CSS頁面時，一開始就沒有樣式（即閃爍），這在網(wǎng)速慢的時候是很明顯的。

3. 相容性的差異。因為@import是由css2.1提出的，所以舊的瀏覽器不支持它。只有IE5或以上版本的人才能識別@import，但是link標簽沒有這個問題。

4. 使用DOM控制樣式的差異。當使用JavaScript控制DOM來更改樣式時，只能使用link標記，因為@import不受DOM控制。

@Import可以再次將其他樣式表引入CSS。例如，您可以創(chuàng)建主樣式表并將其他樣式表引入主樣式表，例如：主.css

--------

@import“sub1.css”

@import“sub2.css”

sub1.css

----------

p{顏色：紅色}

sub2.css

----------.myclass{顏色：藍色}

這更有利于修改和擴展。

一般來說，這些差異是相同的。從上面的分析來看，最好使用link標簽。為標準網(wǎng)頁制作加載CSS文件時，還應選擇要加載的媒體，如屏幕、打印或全部。

提示：這樣做有一個缺點。它將生成太多的HTTP請求到網(wǎng)站服務器。以前是一個文件，現(xiàn)在是兩個或更多的文件。服務器的壓力越來越大，瀏覽量大的網(wǎng)站應該謹慎使用。感興趣的可以查看新浪等網(wǎng)站的主頁或欄目主頁代碼。他們總是直接用HTML而不是外部文件編寫CSS或JS。