CSS優先順位

1. インラインスタイル Inline Style
  style属性で個別の要素に指定する
2. 埋め込みスタイルシート Embedded StyleSheet
  head要素の範囲内でstyle要素によって指定
3. 外部スタイルシート Linking StyleSheet
  head要素の範囲内でlink要素によって外部スタイルシートを参照
 3.1 head要素の範囲内で@importによって外部スタイルシートを参照
     CSSを部品化(コンポーネント化)しておけばサイト作成時に同じ設定をかかなくとも再利用できる
     作業の効率化を図る為に用途別のCSSファイルを作成しておき必要なファイルを@importする
 3.2 xml-stylesheet処理命令で外部スタイルシートを参照

参考サイト http://kurageya.fc2web.com/web/style/0settei.html
参考書 Web標準の教科書 p119

おまけ
 @mediaはメディアごとにCSSを切り替えたいときに使用する。
 印刷用のCSSでは背景画像を出力しないとかメディア用途に応じて設定できる

 CSSの@ルールとメディアコントロール