首頁 > web前端 > html教學 > link標籤連結CSS和@import載入有什麼差別?

link標籤連結CSS和@import載入有什麼差別?

不言
發布: 2018-08-08 09:42:28
原創
2014 人瀏覽過

本篇文章帶給大家的內容是關於link標籤連結CSS和@import載入有什麼差別?有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

link:基本語法

      <link rel="stylesheet" href="路径">
登入後複製

@import 基本語法

     <style>
       @import url(地址);
       @import url("地址");
       @import “地址”;
三种写法都可以
     </style>
登入後複製

link標籤連結CSS和@import載入的差異

1、種類,link是HTML的標籤,@import是CSS提供的方式

2、加載順序,link在頁面加載時被加載,@import在頁面全下載完之後在加載

3 、相容性,@import是css2.1提供的方法,舊版不支援

4、使用DOM控制元素的不同,JS控制頁面樣式時只能用link,@import不是DOM可以控制的

相關文章推薦:

HTML標籤:img標籤的用法摘要

html佈局:html三列佈局的實作程式碼

以上是link標籤連結CSS和@import載入有什麼差別?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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