HTMLファイルへスタイルシートを反映させる

HTMLファイルへスタイルシートを反映させる方法としては、 外部に置いたスタイルシートのファイル(ファイル名.css)を、HTMLファイルからlinkタグで読みにいくようにしておけば、 ホームページ全体のレイアウトやデザインを一括で管理できて便利です。 ホームページのデザインを変更したい場合には、 スタイルシートファイルを書き換えるだけでいいので、HTMLファイルを編集する必要がありません。

スタイルシートのファイルを外部参照にしておくとHTMLのソースがすっきりするので、 自分でホームページのメンテナンスする時にも分かりやすいですし、検索エンジン対策としても有効なようです。

ホームページ全体のスタイルは統一しておいて、ある特定のページだけスタイルを変更したい時もあります。 そういう時は、HTMLファイルのheadタグにstyleタグを書くことでそのページのスタイルだけを変更できます。

さらに細かく、ページ内のある一箇所だけスタイルを変更したい場合には、 HTMLタグに直接書き込むことでそこだけスタイルを変更できます。
スタイルシートのHTMLファイルへの組み込み方

headタグの部分に書いたスタイルシートは、 スタイルシート未対応ブラウザでは書いた部分が文字として表示されることがあるので、 表示されないように<!-- -->で囲っておきます。
スタイルシートの本

<<スタイルシート第一歩
スタイルシートの補足>>