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では背景画像を出力しないとかメディア用途に応じて設定できる