首頁  >  文章  >  web前端  >  總結載入css中link與@import的幾點區別

總結載入css中link與@import的幾點區別

零下一度
零下一度原創
2017-05-09 14:14:571448瀏覽

載入css的兩種方式:2cdf5bf648cf2f33323966d7f58a7f3f @import

  • 方式

    • ##

         <link rel="stylesheet" href="a.css" />
          @import url("b.css");

    • 比較解釋

    • #設定樣式的方式:行內樣式、內聯樣式、外接樣式、匯入樣式

      當@import與內嵌樣式
    • c9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f265927
    • 一起時,內嵌樣式>匯入樣式


      #除了上述情況,其它時候以樣式載入順序為參考,後面載入的

      優先權
    • 越高。 (已經測試過,也可以參考這裡)
    • 記住當測試時,必須對同一個元素使用相同的選擇符進行測試,否則會出現選擇符權重的干擾。

    • link屬於X

      HTML標籤,而@import是CSS提供的;link標籤除了可以載入CSS外,還可以做很多其它的事情, @import就只能載入CSS了。

    • import只有在IE5以上才能識別,而link是XHTML標籤,無相容問題;

    • 頁面被載入的時,link會同時被加載,而@import引用的CSS會等到頁面被加載完再加載;

    關於優先級

    使用import時需要注意的地方:此規則必須在樣式表頭部最先聲明。且其後的分號是必需的,如果省略了此分號,外部樣式表將無法正確匯入,並會產生

    錯誤訊息

    【相關推薦】1. 

    免費css線上影片教學
######2. ###css線上手冊# ########3. ###php.cn獨孤九賤(2)-css影片教學#########

以上是總結載入css中link與@import的幾點區別的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn