CSS當中l(wèi)ink與@import指令的區(qū)別

Wildcard 發(fā)布于2019-08-30 13:08 / 1372人閱讀

摘要：由于工作中一直使用標簽引入外部文件，也沒有專門了解過指令的使用方式及其與標簽的區(qū)別。首先，和的作用是相同的，都是用來引入外部代碼，只是二者服務(wù)的對象不同標簽為當前的頁面服務(wù)，而只為服務(wù)。

在平時的前端開發(fā)工作中，我們使用HTML頁面引入CSS的方式主要有三種：一種是使用行內(nèi)樣式，直接給標簽添加style屬性值；一種是使用內(nèi)部樣式，在頁面中寫style標簽；還有一種則是使用外部樣式，從外部引入CSS文件。

那么使用外部樣式又分為兩種CSS引入方式：link標簽和@import指令。

由于工作中一直使用link標簽引入外部CSS文件，也沒有專門了解過@import指令的使用方式及其與link標簽的區(qū)別。于是抽空專門看了看網(wǎng)上的一些技術(shù)文章，也順便翻了翻《CSS權(quán)威指南》，對這方面的知識進行了一個學(xué)習(xí)。

首先，link和@import的作用是相同的，都是用來引入外部CSS代碼，只是二者服務(wù)的對象不同：link標簽為當前的頁面服務(wù)，而@import只為CSS服務(wù)。

其次，它們也有一些本質(zhì)上的差別：

區(qū)別1：link屬于HTML標簽，除了引入CSS文件以外還可以做很多其他的事情，比如定義RSS、shortcut icon等；而@import只能用于加載CSS。

區(qū)別2：link引用CSS時，在頁面加載時同步加載；而@import在頁面加載完后才開始對對應(yīng)CSS進行加載。

區(qū)別3：link是HTML標簽，所有瀏覽器都支持；@import是CSS 2.1才提出來的使用方式，一些老的瀏覽器不支持。

區(qū)別4：link標簽可以使用JavaScript控制DOM去改變樣式；而@import不支持。

以上就是參照網(wǎng)上一些文章整理出來的link與@import的區(qū)別。雖然平時工作當中基本都用link標簽了，但是感覺也有必要多學(xué)習(xí)一點類似于這樣的基礎(chǔ)知識。

云服務(wù)器 GPU云服務(wù)器 css與html的區(qū)別 html與css的區(qū)別 html與css區(qū)別 MAC?與?PHY?的link問題

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/115327.html

登陸后可評論

我要關(guān)注我要私信

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说