CSSの分け方は・・・

こんにちわ。ブレスの北窓と申します。

CSS・・・私もHP制作において、まだまだ未熟者ですが、私がしている方法を言いますね。

■基本CSS
HP全体のベース（背景設定や枠組みの設定、H、P、Aタグ等の共通設定など）となるスタイルシートの設定

■コンテンツ共通CSS
コンテンツ共通のスタイルシートの設定

■各々のCSS
コンテンツページで、そのページだけスタイルシートを設定したい時など


こんな感じで、だいたいですが、4〜6つのCSSを外部リンクで設定をしています。
1つのCSSファイルの内容が多くなると、設定している内容が分かりにくくなるので、私の場合は結構分ける方法をしています。

例えばトップページ・・・

link href=base.css" rel="stylesheet" type="text/css"　基本CSS
link href="top.css" rel="stylesheet" type="text/css"　トップページだけのCSS

とか、

コンテンツページでは・・・

link href=base.css" rel="stylesheet" type="text/css"　基本CSS
link href="contents.css" rel="stylesheet" type="text/css"　コンテンツ共通CSS
link href="pageA.css" rel="stylesheet" type="text/css"　このページだけのCSS

など、しています。


CSSの管理は、色々な方法がありますが、たくさん制作をしていくと、自分で管理しやすい方法が見つかると思います。

これからも頑張って良いサイトが完成することを祈っております。