首頁 > web前端 > html教學 > 樣式匯入方式有哪些?

樣式匯入方式有哪些?

零下一度
發布: 2017-06-24 10:57:54
原創
1510 人瀏覽過

link與import

"index.css?1.1.11" rel="stylesheet"> 

##"text/css">  
    • @import 

      "index.css?1.1.11 ";  

    • 不同點
    • link除了引用樣式文件,也可以引用圖片等資源文件,而import只引用樣式文件
      • #

        < link rel="search" type="application/opensearchdescription+xml" href="/content-search.xml" title="百度搜尋" />




        相容性不同,link不存在相容性的問題,import在IE5以上支持,是css2.1新增的

      • 在樣式表文件可以使用import導入其它的樣式表文件,而link不可以
###link引用CSS時,在頁面載入時同時載入;@import需要頁面網頁完全載入以後載入。 ############link支援使用Javascript控制DOM去改變樣式;而@import不支援。 ###############  import的寫法比較多#########@import 'style.css' //Windows IE4/ NS4, Mac OS X IE5, Macintosh IE4 /IE5/NS4不辨識###@import "style.css?1.1.11" //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?1.1.11" ) //Windows NS4, Macintosh NS4不辨識######  推薦使用@import url(index.css);###############

以上是樣式匯入方式有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板