首頁 > web前端 > css教學 > css中link和import的差別是什麼

css中link和import的差別是什麼

青灯夜游
發布: 2023-01-03 09:31:59
原創
6245 人瀏覽過

區別:1、link是HTML標籤,除了載入CSS外,還可定義RSS等其他事務;@import屬於CSS範疇,只能載入CSS。 2.link引用CSS時,在頁面載入時同時載入;@import需要頁面網頁完全載入以後載入。 3.link無兼容問題。

css中link和import的差別是什麼

本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。

頁面中使用CSS的方式主要有3種: 行內新增定義style屬性值,頁面頭部內嵌調用和外部連結調用,其中外面引用有兩種: link和@import。外部引用CSS兩種方式link和@import的方式分別是:

link代碼

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />
登入後複製

@import代碼

<style type="text/css" media="screen">  
@import url("CSS文件");   
</style>
登入後複製

兩者都是外部引用CSS的方式,但存在一定的差異:

  • 區別1:link是HTML標籤,除了載入CSS外,還可以定義RSS等其他事務;@import屬於CSS範疇,只能載入CSS。

  • 區別2:link引用CSS時,在頁面載入時同時載入;@import需要頁面網頁完全載入以後載入。

  • 區別3:link是HTML標籤,無相容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支援。

  • 區別4:link支援使用Javascript控制DOM去改變樣式;而@import不支援。

推薦教學:CSS影片教學 

#

以上是css中link和import的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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