界面引入CSS樣式的方式及l(fā)ink和import區(qū)別

界面引入CSS樣式的方式有4種,它們有什么區(qū)別呢粒没?

1.?使用HTML標簽的style屬性

優(yōu)點:分散靈活方便,優(yōu)先級高

缺點:缺乏整體性和規(guī)劃性火俄,不利于后期的修改和維護


2.?將樣式代碼寫在頁面<style></style>標簽之中

優(yōu)點:標簽中的任何位置,也可以多次出現(xiàn)逗爹,一個頁面內部便于復用和維護

缺點:多個頁面之間的CSS代碼復用仍然不夠


3.?使用 link 標簽谷市,引入外部CSS文件

優(yōu)點:直接引入該文件到頁面中蛔垢,一個頁面可以多次使用 link 標簽引入多個外部css文件击孩,方便復用和維護

缺點:后引入的CSS文件會覆蓋前面引入的CSS文件的相同效果迫悠,代碼量可能過大,維護不當?shù)脑捰秩菀壮霈F(xiàn)混亂


4.?使用@import引入CSS文件

優(yōu)點:方便維護和規(guī)劃

缺點:引入一個CSS文件巩梢,就會對服務器增加一次連接請求创泄,當訪問量較大時,需在維護性和性能上進行權衡


link和import區(qū)別

1.?從屬關系:link 屬于 html 標簽括蝠,而 @import 是 css 提供的鞠抑,外層需要添加 <style></style>標簽

2.?加載順序:頁面加載時,link 同時被加載忌警, 而 @import 引用的 css 會等界面加載完成后再加載

3. 權重:link 方式的樣式的權重高于 @import 權重

4.?兼容性:?link 沒有兼容性問題搁拙,@import 不兼容 ie5 以下

5. Dom可控性:可以通過 JS 操作 DOM ,是否插入link標簽來起到改變樣式的作用法绵;由于DOM方法是基于文檔的箕速,無法使用@import的方式插入樣式

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市朋譬,隨后出現(xiàn)的幾起案子盐茎,更是在濱河造成了極大的恐慌,老刑警劉巖徙赢,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件字柠,死亡現(xiàn)場離奇詭異探越,居然都是意外死亡,警方通過查閱死者的電腦和手機窑业,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進店門钦幔,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人常柄,你說我怎么就攤上這事节槐。” “怎么了拐纱?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵铜异,是天一觀的道長。 經常有香客問我秸架,道長揍庄,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任东抹,我火速辦了婚禮蚂子,結果婚禮上,老公的妹妹穿的比我還像新娘缭黔。我一直安慰自己食茎,他們只是感情好,可當我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布馏谨。 她就那樣靜靜地躺著别渔,像睡著了一般。 火紅的嫁衣襯著肌膚如雪惧互。 梳的紋絲不亂的頭發(fā)上哎媚,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天,我揣著相機與錄音喊儡,去河邊找鬼拨与。 笑死,一個胖子當著我的面吹牛艾猜,可吹牛的內容都是我干的买喧。 我是一名探鬼主播,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼匆赃,長吁一口氣:“原來是場噩夢啊……” “哼淤毛!你這毒婦竟也來了?” 一聲冷哼從身側響起炸庞,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤钱床,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后埠居,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體查牌,經...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡事期,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了纸颜。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片兽泣。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖胁孙,靈堂內的尸體忽然破棺而出唠倦,到底是詐尸還是另有隱情,我是刑警寧澤涮较,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布稠鼻,位于F島的核電站,受9級特大地震影響狂票,放射性物質發(fā)生泄漏候齿。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一闺属、第九天 我趴在偏房一處隱蔽的房頂上張望慌盯。 院中可真熱鬧,春花似錦掂器、人聲如沸亚皂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽灭必。三九已至,卻和暖如春巍膘,著一層夾襖步出監(jiān)牢的瞬間厂财,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工峡懈, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人与斤。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓肪康,卻偏偏與公主長得像,于是被迫代替她去往敵國和親撩穿。 傳聞我的和親對象是個殘疾皇子磷支,可洞房花燭夜當晚...
    茶點故事閱讀 45,922評論 2 361

推薦閱讀更多精彩內容