css用import還是link的區別

2022-09-25 22:00:12 字數 1185 閱讀 7279

看到**網頁中這樣寫使用的是import,而很多**都是使用link,當然還有一些頁面比較簡單,流量很大的**,是直接將css寫在html**中的?他們有什麼區別?css用import還是link好?從經典論壇和另外乙個**大概了解了一下

看到**網頁中大部分是這樣寫的

而很多**使用的都是link

jhiqfvmr;

而像google 百度 163等**他們都是直接寫在網頁中

當然使用鏈結link和匯入import的好處就是易於維護,但當網速比較慢的時候,會出現載入中斷的情況,導致頁面排版錯誤

他倆的作用相同

唯一的不同是服務物件不一樣

@import 為css服www.cppcns.com務

link是為當前的頁服務

經典有網友說 @import會優先執行。

外部引用css中 link與@import的區別

這兩天剛寫完xhtml載入css的幾種方式,其中外部引用css分為兩種方式link和@import。

本質上,這兩種方式都是為了載入css檔案,但還是存在著細微的差別。

差別1:老祖宗的差別。link屬於xhtml標籤,而@import完全是css提供的www.cppcns.com一種方式。

link標籤除了可以載入css外,還可以做很多其它的事情,比如定義rss,定義rel連線屬性等,@im程式設計客棧port就只能載入css了。

差別2:載入順序的差別。當乙個頁面被載入的時候(就是被瀏覽者瀏覽的時候),link引用的css會同時被載入,而@import引用的css 會等到頁面全部被**完再被載入。所以有時候瀏覽@import載入css的頁面時開始會沒有樣式(就是閃爍),網速慢的時候還挺明顯(夢之都載入css 的方式就是使用@import,我一邊**一邊瀏覽夢之都網頁時,就會出現上述問題)。

差別3:相容性的差別。由於@import是css2.1提出的所以老的瀏覽器不支援,@import只有在ie5以上的才能識別,而link標籤無此問題。

差別4:使用dom控制樣式時的差別。當使用j**ascript控制dom去改變樣式的時候,只能使用link標籤,因為@import不是dom可以控制的。

大致就這幾種差別了(如果還有什麼差別,大家告訴我,我再補充上去),其它的都一樣,從上面的分析來看,還是使用link標籤比較好。

本文標題: css用import還是link的區別

本文位址: /web/css/25771.html

頁面引入css用link和import的區別

假設有乙個css檔案a.css,檔案裡的內容如下 p 現在分別使用兩種方式引入a.css 1.使用html的link標籤 link rel stylesheet type text css href a.css 2.使用import style type text css import url a....

用vnc實現windows遠端連線linux桌面

網路遙控技術是指由一部計算機 主控端 去控制另一部計算機 被控端 而且當主控端在控制端時,就如同使用者親自坐在被控端前操作一樣,可以執行被控端的應用程式,及使用被控端的系統資源。vnc virtual network computing 是一套由at t實驗室所開發的可操控遠端的計算機的軟體,其採用...

用Margin還是用Padding

用margin還是用padding 何時應當使用margin 需要在border外側新增空白時。空白處不需要背景 色 時。上下相連的兩個盒子之間的空白,需要相互抵消時。如15px 20px的margin,將得到20px的空白。何時應當時用padding 需要在border內測新增空白時。空白處需要背...