假設有一個css文件a.css,文件裏的內容如下：

p {
   font-size: 18px;
}

現在分別使用兩種方式引入a.css：

1.使用html的link標簽

<link  rel="stylesheet" type="text/css" href="a.css">

2.使用import

<style type="text/css">
  @import url(a.css);
</style>

3.我們再看一下平常使用的內嵌樣式：

<style>
   p {
       font-size: 18px
 
;    
   }
</style>

很明顯第二種和第三種方式是形如<style>css語句</style>的，[email protected] url(a.css)是css的語句而非html的語句。

所以我們可以這樣在b.css文件中使用import語句來引入a.css的內容：

@import url(a.css);

這樣b.css就把另外一個文件a.css的內容引入到了b.css中。

其實總結就是一句話：link是html的一個標簽，而import是css的語句，他們老大不同。

[email protected]