樣式的導入方式 link @import link @import 一、link 的使用 二、@import 的使用 三、link 和 @import 的區別 1、引入的內容不同 link 除了引用樣式文件，還可以引用圖片等資源文件，而 @import 只引用樣式文件 2、載入順序不同 link 引 ...
樣式的導入方式
-
link
-
@import
一、link 的使用
<link href="index.css" rel="stylesheet">
二、@import 的使用
<style type="text/css"> @import url(index.css); </style>
三、link 和 @import 的區別
1、引入的內容不同
link 除了引用樣式文件，還可以引用圖片等資源文件，而 @import 只引用樣式文件
2、載入順序不同
link 引用 CSS 時，在頁面載入時同時載入；@import 需要頁面網頁完全載入以後載入
3、相容性不同
link 是 XHTML 標簽，無相容問題；@import 是在 CSS2.1 提出的，低版本的瀏覽器不支持
4、對 JS 的支持不同
link 支持使用 Javascript 控制 DOM 去改變樣式；而 @import 不支持
