css外部樣式加載Link與import的區(qū)別
發(fā)布時(shí)間：2010-06-17 22:25:58 作者：佚名 
我要評(píng)論
我要評(píng)論我們引用css文件通常有兩種方式:link,@import 這兩天整理了一下這兩種用法的區(qū)別，加深認(rèn)識(shí)
第一點(diǎn):引用方式
首先看link
<link rel="stylesheet" type="text/css" href="http://www.dbjr.com.cn/style.css" />
最常見的link引用方式，分別解釋一下沒一個(gè)屬性先
rel:告訴瀏覽器引用的是一個(gè)樣式表文件
type:文件類型
href:文件地址
@import
<style type="text/css">@import url(http://www.dbjr.com.cn/style.css);</style>
只能寫引用樣式表的名稱
第二點(diǎn):加載順序
link是頁面加載時(shí)候的同時(shí)加載
@import是在整個(gè)頁面加載完之后加載css文件的，如果頁面加載很慢，會(huì)出現(xiàn)一開始無樣式
第三點(diǎn):瀏覽器的兼容性
@import是css2.1提出的，只在ie5以上才能識(shí)別，link不存在這個(gè)問題
第四點(diǎn)：使用js的dom控制樣式時(shí)候，只能用link
基本就這些了，如果還有，歡迎大家提出，謝謝!
如無特殊需求推薦用link
首先看link
<link rel="stylesheet" type="text/css" href="http://www.dbjr.com.cn/style.css" />
最常見的link引用方式，分別解釋一下沒一個(gè)屬性先
rel:告訴瀏覽器引用的是一個(gè)樣式表文件
type:文件類型
href:文件地址
@import
<style type="text/css">@import url(http://www.dbjr.com.cn/style.css);</style>
只能寫引用樣式表的名稱
第二點(diǎn):加載順序
link是頁面加載時(shí)候的同時(shí)加載
@import是在整個(gè)頁面加載完之后加載css文件的，如果頁面加載很慢，會(huì)出現(xiàn)一開始無樣式
第三點(diǎn):瀏覽器的兼容性
@import是css2.1提出的，只在ie5以上才能識(shí)別，link不存在這個(gè)問題
第四點(diǎn)：使用js的dom控制樣式時(shí)候，只能用link
基本就這些了，如果還有，歡迎大家提出，謝謝!
如無特殊需求推薦用link
相關(guān)文章
CSS中l(wèi)ink和@import的區(qū)別說明
link與@import這兩種方式都是為了加載CSS文件,但還是存在著細(xì)微的差別。下面腳本之家小編給大家介紹CSS中l(wèi)ink和@import的區(qū)別說明，感興趣的朋友一起看下吧2016-08-12淺談CSS 權(quán)值 層疊 重要性(!important)
下面小編就為大家?guī)硪黄獪\談CSS 權(quán)值 層疊 重要性(!important)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-05- 這篇文章主要介紹了CSS中的@import,是CSS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-07-14
css中提升優(yōu)先級(jí)屬性!important的用法總結(jié)
!important只有Ie7.0和firefox可以識(shí)別，但是Ie6.0不能成功應(yīng)用.!important提升優(yōu)先級(jí)，下面對(duì)它的用法做下總結(jié)2014-08-08加了important標(biāo)記css樣式的jQuery寫法
這篇文章主要介紹了加了important標(biāo)記css樣式的jQuery寫法，需要的朋友可以參考下2014-07-16從可維護(hù)性角度考慮css的!important規(guī)則的可用性
使用!important對(duì)于性能并沒有什么負(fù)面影響。但是從可維護(hù)性角度考慮還是少用這個(gè)規(guī)則。不過這個(gè)規(guī)則在IE6中有bug2014-06-05css @import url加載樣式應(yīng)用深入分析
一直以來寫CSS的時(shí)候都沒有過多的考慮使用@import的方式,最近又看到有朋友在討論關(guān)于@import的一些好壞，以及要不要使用@import的方式加載樣式,需要的朋友可以了解下2012-12-12css中l(wèi)ink和@import的區(qū)別分析詳解
本文章詳細(xì)的介紹了關(guān)于link和@import的區(qū)別，有需要了解的朋友可以參考一下本文章2012-03-31- 很多人，包括很多網(wǎng)站（我所見過的所有網(wǎng)站，包括國內(nèi)著名的‘網(wǎng)頁設(shè)計(jì)師’網(wǎng)站），都說important是不被IE所支持和認(rèn)識(shí)的，可是真的是這樣嗎？看了下邊的兩個(gè)例子，也許你2010-01-05
Webpack 中 css import 使用 alias 相對(duì)路徑的方法
在 Vue 項(xiàng)目中，我們通常使用 vue-webpack 腳手架生成工程模板，然后配置 @ 為項(xiàng)目根目錄下放資源和源碼的 /src 目錄的別名。這篇文章給大家介紹Webpack 中 css import 使2018-07-24