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可以控制的