我原本以爲我是會的，有點意外會來寫寫CSS關於@import的分享。

CSS3增加了不少東西，也還有不少東西在加入，並且CSS4的標準也在制定中，可以參考維基百科。諸如transform、transition和animation等等。不過今天不聊這些酷炫的東西，接著前幾天HTML模組化，接著來說說CSS的@import。

要說現在可能也很少從頭手刻CSS了，除了SCSS、Stylus，還有更多UI包，像是最出名的Bootstrap，其他UI還有Semantic UI、Flat UI、Pure.CSS，簡直是百花齊放，省下很多寫CSS、自適應網頁的力氣。我原本以爲CSS的@import用法也就兩種，直到我看到MDN的說明。哇～原來我還有那麼多不會滴，所以今天就小小地來寫一下筆記。

在MDN一樣可以看到完整的語法樹規則，不過不習慣看的人恐怕也沒看不太懂。反正最常用的應該也就兩種：

1. @import <string> 和
2. @import <url>

也就像是：

@import 'custom.css';
@import url("chrome://communicator/skin/");

不過我還沒怎麼看過下面方式：

@import url("fineprint.css") print;
@import url("bluish.css") speech;
@import "common.css" screen;
@import url('landscape.css') screen and (orientation:landscape);

也就是在基礎使用後面在加上其他訊息(<media-query-list>)，恩似乎可以做些好玩的事呢。也就是像Python只引入一個類別一樣，CSS也可以只引入一個規則。

不過就像上文所說，現在寫好的UI非常多，會需要用到這樣功能的情況可能很少了。最後就分享幾個我覺得還不錯的參考網站吧。

• CSS參考手冊
  我最早從這裏學到超級多關於CSS東西，超推～(不過已經是3～4年前看的了，好像改過版，或者根本是新站了哈)
• CSS reference
  另一個非常漂亮的參考網站。最近CSS Grid簡直超吸睛。