@importは、CSSの中から、CSSを参照するもの

@importの使い方がイマイチしっくりこなかったですが

CSS内から別CSSファイルを読み込む場合は、CSSを目的別に分けている時です。用途別（リセット用、特定のJavaScript用等）、機能別（PCモニター用、印刷用等）、デザイン別（色別）等。１枚のCSSファイルとして保存してもいいですが、制作時にそれだとやりづらいとか、後で改編したいとか、そういう時は分けちゃった方が何かと便利ですし、一度作ったCSSファイルをアッチコッチで使いまわす事も可能になります。

という説明でしっくりきました。