CSSファイルの分割

Posted on 6月 25, 2010

0


ひとつのCSSファイルを作成し、複数のCSSファイルを読み込むようにする。


/*import.css(読み込み用CSSファイル)の中身*/
@import "layout.css";
@import "header.css";
@import "footer.css";
@import "main.css";

  • CSSファイルを分割することのメリット

    • 初期設定がしやすい
    • 修正した時探しやすい
    • 問題点を発見しやすい
    • ページごと、カテゴリーごとに違うデザインにしやすい
    • CSSファイルの変更や削除がしやすい

  • CSSファイル分割のポイント

    • ファイルを細かく分けすぎない
    • 内容がわかりやすいファイル名をつける
    • @importにコメントをつける
    • 更新履歴を記述する

広告
Posted in: CSS設定