css和@import區別用法

css和@import都是調用外部樣式表的方法。

一、用法

（1）link:

<link rel="stylesheet" type="text/css" href="css文件路徑"/>

（2）@import:

方法一（html中添加）：

<style type="text/css">

@import url(css文件路徑);

</style>

方法二（css中添加）：

@import url(css文件路徑);

二、區別

（1）link是XHTML標簽，除了載入CSS外，還可以定義RRS等其他事務。@import屬於CSS範疇，只能載入CSS。

（2）link引用CSS樣式，是和頁面載入同步進行載入，@import是等頁面載入完後才開始載入。

（3）link是XHTML標簽，無相容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。

（4）link支持使用Javascript控制DOM去改變樣式；而@import不支持。