link標籤連結CSS和@import載入的區別

link:基本語法

      <link rel=”stylesheet” href=”路徑”>

@import 基本語法

     <style>

       @import url(地址)；

       @import url(“地址”)；

       @import “地址”；

三種寫法都可以

     </style>

 

兩種的區別

1.種類，link時HTML的標籤，@import時CSS提供的方式

2.載入順序，link在頁面載入時被載入，@import在頁面全下載完之後在載入

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

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