資訊專欄INFORMATION COLUMN
摘要：由于工作中一直使用標(biāo)簽引入外部文件，也沒有專門了解過指令的使用方式及其與標(biāo)簽的區(qū)別。首先，和的作用是相同的，都是用來引入外部代碼，只是二者服務(wù)的對(duì)象不同標(biāo)簽為當(dāng)前的頁面服務(wù)，而只為服務(wù)。
在平時(shí)的前端開發(fā)工作中，我們使用HTML頁面引入CSS的方式主要有三種：一種是使用行內(nèi)樣式，直接給標(biāo)簽添加style屬性值；一種是使用內(nèi)部樣式，在頁面中寫style標(biāo)簽；還有一種則是使用外部樣式，從外部引入CSS文件。
那么使用外部樣式又分為兩種CSS引入方式：link標(biāo)簽和@import指令。
由于工作中一直使用link標(biāo)簽引入外部CSS文件，也沒有專門了解過@import指令的使用方式及其與link標(biāo)簽的區(qū)別。于是抽空專門看了看網(wǎng)上的一些技術(shù)文章，也順便翻了翻《CSS權(quán)威指南》，對(duì)這方面的知識(shí)進(jìn)行了一個(gè)學(xué)習(xí)。
首先，link和@import的作用是相同的，都是用來引入外部CSS代碼，只是二者服務(wù)的對(duì)象不同：link標(biāo)簽為當(dāng)前的頁面服務(wù)，而@import只為CSS服務(wù)。
其次，它們也有一些本質(zhì)上的差別：
區(qū)別1：link屬于HTML標(biāo)簽，除了引入CSS文件以外還可以做很多其他的事情，比如定義RSS、shortcut icon等；而@import只能用于加載CSS。
區(qū)別2：link引用CSS時(shí)，在頁面加載時(shí)同步加載；而@import在頁面加載完后才開始對(duì)對(duì)應(yīng)CSS進(jìn)行加載。
區(qū)別3：link是HTML標(biāo)簽，所有瀏覽器都支持；@import是CSS 2.1才提出來的使用方式，一些老的瀏覽器不支持。
區(qū)別4：link標(biāo)簽可以使用JavaScript控制DOM去改變樣式；而@import不支持。
以上就是參照網(wǎng)上一些文章整理出來的link與@import的區(qū)別。雖然平時(shí)工作當(dāng)中基本都用link標(biāo)簽了，但是感覺也有必要多學(xué)習(xí)一點(diǎn)類似于這樣的基礎(chǔ)知識(shí)。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115327.html
摘要：前端面試題總結(jié)持續(xù)更新中是哪個(gè)組件的屬性模塊的組件。都提供合理的鉤子函數(shù)，可以讓開發(fā)者定制化地去處理需求。 前端面試題總結(jié)——VUE（持續(xù)更新中） 1.active-class是哪個(gè)組件的屬性？ vue-router模塊的router-link組件。 2.嵌套路由怎么定義？ 在 VueRouter 的參數(shù)中使用 children 配置，這樣就可以很好的實(shí)現(xiàn)路由嵌套。 //引入兩個(gè)組件 ...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
摘要：并總結(jié)經(jīng)典面試題集各種算法和插件前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快速搭建項(xiàng)目。 本文是關(guān)注微信小程序的開發(fā)和面試問題，由基礎(chǔ)到困難循序漸進(jìn)，適合面試和開發(fā)小程序。并總結(jié)vue React html css js 經(jīng)典面試題 集各種算法和插件、前端視頻源碼資源于一身的文檔，優(yōu)化項(xiàng)目，在瀏覽器端的層面上提升速度，幫助初中級(jí)前端工程師快...
閱讀 1635·2021-09-30 09:47
閱讀 3650·2021-09-22 15:05
閱讀 2872·2021-08-30 09:44
閱讀 3641·2019-08-30 15:55
閱讀 1396·2019-08-30 13:08
閱讀 1353·2019-08-29 16:40
閱讀 572·2019-08-29 12:45
閱讀 1410·2019-08-29 11:25
