這篇“css中l(wèi)ink與import的區(qū)別有哪些”文章，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要參考一下，對于“css中l(wèi)ink與import的區(qū)別有哪些”，小編整理了以下知識點，請大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進入主題吧。

成都創(chuàng)新互聯(lián)公司主營荔城網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,手機APP定制開發(fā),荔城h5成都微信小程序搭建,荔城網(wǎng)站營銷推廣歡迎荔城等地區(qū)企業(yè)咨詢

css是什么意思

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言，主要是用來設計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結構如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結構決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進行格式化。

區(qū)別：link屬于html標簽，而@import是css提供的一種方式，link標簽不僅可以引入css，還可以做其他事，而@import只能引入css；@import只有在IE5以上才支持；而link標簽不存在兼容性問題。

在html中引入外部的CSS有2種方式，link標簽和@import，那么它們之間什么區(qū)別呢？

1、從屬關系區(qū)別

@import是 CSS 提供的語法規(guī)則，只有導入樣式表的作用；link是HTML提供的標簽，不僅可以加載 CSS 文件，還可以定義 RSS、rel 連接屬性等。

2、加載順序區(qū)別

加載頁面時，link標簽引入的 CSS 被同時加載；@import引入的 CSS 將在頁面加載完畢后被加載。

3、兼容性區(qū)別

@import是 CSS2.1 才有的語法，故只可在 IE5+ 才能識別；link標簽作為 HTML 元素，不存在兼容性問題。

4、DOM可控性區(qū)別

可以通過 JS 操作 DOM ，插入link標簽來改變樣式；由于 DOM 方法是基于文檔的，無法使用@import的方式插入樣式。

【 】

補充說明：

@import的書寫方式

    @import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
    @import "style.css" //Windows IE4/ NS4, Macintosh IE4/NS4不識別
    @import url(style.css) //Windows NS4, Macintosh NS4不識別
    @import url('style.css') //Windows NS4, Mac OS X IE5, Macintosh IE4/IE5/NS4不識別
    @import url("style.css") //Windows NS4, Macintosh NS4不識別

其中，@import url(style.css) 和@import url("style.css")是最優(yōu)的選擇，兼容的瀏覽器最多。從字節(jié)優(yōu)化的角度來看@import url(style.css)最值得推薦。

link的書寫方式

另外link還有其他的一些用途，比如引入圖標

總體來說：link優(yōu)于@import，強烈建議使用link標簽，慎用@import方式。

以上是“css中l(wèi)ink與import的區(qū)別有哪些”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享題目：css中l(wèi)ink與import的區(qū)別有哪些-創(chuàng)新互聯(lián)
標題網(wǎng)址：http://weahome.cn/article/phhjh.html