link和import的區(qū)別？本質(zhì)上，這兩種方式都是為了加載CSS文件，但還是存在著細微的差別。差別1：老祖宗的差別。link屬于XHTML標簽，而@import完全是CSS提供的一種方式。link標

link和import的區(qū)別？

本質(zhì)上，這兩種方式都是為了加載CSS文件，但還是存在著細微的差別。差別1：老祖宗的差別。link屬于XHTML標簽，而@import完全是CSS提供的一種方式。link標簽除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。差別2：加載順序的差別。當一個頁面被加載的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯（夢之都加載CSS的方式就是使用@import，我一邊下載一邊瀏覽夢之都網(wǎng)頁時，就會出現(xiàn)上述問題）。差別3：兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。差別4：使用dom控制樣式時的差別。當使用javascript控制dom去改變樣式的時候，只能使用link標簽，因為@import不是dom可以控制的。

link和import的區(qū)別？

（1）使用方法不同（XHTMLvsCSS）link一般在html頭部定義，作為html標簽，同時除了引入css之外，還可以說明比如說rel="icon"W3School對link定義如下(鏈接資源，主要用于鏈接外部的樣式表)：The<link>tagdefinesalinkbetweenadocumentandanexternalresource.The<link>tagisusedtolinktoexternalstylesheets.import一般定義在css內(nèi)部，并且一定要在其他所有規(guī)則之前（除了charset），也就是一般寫在文件頭部，并且專門拿來鏈css的。（2）加載順序差別import比link其實更延遲一些，它會等到頁面下載完后才加載，因而可能會產(chǎn)生閃爍，請看下圖（swiper.css在components.css中被import）：（3）兼容支持性不同由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。

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

網(wǎng)頁中引用外部CSS文件有兩種方式：link和@import，兩者引用的方式在頁面上的展現(xiàn)效果是一樣的。link引用方式如下：

<link href="styles.css" type="text/css" />

@import引用方式如下：

<style type="text/css">@import url("styles.css")</style>

差別1 ：適用范圍不同 @import可以在網(wǎng)頁頁面中使用，也可以在css文件中使用，用來將多個css文件引入到一個css文件中；而link只能將css文件引入到網(wǎng)頁頁面中。 差別2： 功能范圍不同 link屬于XHTML標簽，而@import是CSS提供的一種方式，link標簽除了可以加載CSS外，還可以定義RSS，定義rel連接屬性等，@import就只能加載CSS。

差別3： 加載順序不同 當一個頁面被加載的時候，link引用的CSS會同時被加載，而@import引用的CSS會等到頁面全部被下載完再被加載。所以有時候瀏覽@import加載CSS的頁面時開始會沒有樣式（就是閃爍），網(wǎng)速慢的時候還挺明顯。

差別4： 兼容性 由于@import是css2.1提出的，所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。

差別5： 控制樣式時的差別 使用link方式可以讓用戶切換CSS樣式.現(xiàn)代瀏覽器如Firefox，Opera，Safari都支持rel=”alternate stylesheet”屬性(即可在瀏覽器上選擇不同的風(fēng)格)，當然你還可以使用Javascript使得IE也支持用戶更換樣式。

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

（1）使用方法不同（XHTML vs CSS）link一般在html頭部定義，作為html標簽，同時除了引入css之外，還可以說明比如說rel="icon"W3School對link定義如下(鏈接資源，主要用于鏈接外部的樣式表)：The <link> tag defines a link between a document and an external resource.The <link> tag is used to link to external style sheets.import一般定義在css內(nèi)部，并且一定要在其他所有規(guī)則之前（除了charset），也就是一般寫在文件頭部，并且專門拿來鏈css的。（2）加載順序差別import比link其實更延遲一些，它會等到頁面下載完后才加載，因而可能會產(chǎn)生閃爍，請看下圖（swiper.css在components.css中被import）：（3）兼容支持性不同由于@import是CSS2.1提出的所以老的瀏覽器不支持，@import只有在IE5以上的才能識別，而link標簽無此問題。

關(guān)于前端面試？

我面試時通常會跟據(jù)面試者的工作年限，期望薪資水平，循序漸進的問技術(shù)性的問題，再聊些學(xué)習(xí)方式方法，解決問題的方式方法，面試者的關(guān)心的側(cè)重點 ...通過這些就能了解到溝通能力，學(xué)習(xí)能力，技術(shù)能力...