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

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

不言
不言原創
2018-08-08 09:42:281918瀏覽

本篇文章帶給大家的內容是關於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中文網其他相關文章!

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