スタイルシートを外部ファイルにリンクさせる方法

スタイルシート(CSS)は外部ファイルにして、リンクさせることでさまざまなメリットがあるのです!


hayashi.jpgこんにちは、林です。
夏を楽しんでいますか?!
海に山に、お祭り、花火・・・。わくわくする季節ですね。
私は好きな歌手の野外ライブに行き・・・たいなぁ・・・。

HTMLでは、<b> で太字、<font> でフォントの色や大きさ指定、など装飾タグと呼ばれるものがありましたが
最近の仕様(XHTML1.1)では、こういったデザインに関する記述はスタイルシートで制御することになりました。
HTML では文書、スタイルシート(CSS) ではデザイン、といった切り分けをするためです。

今回は、スタイルシートを外部ファイルにリンクさせる方法を DreamWeaver 上の操作でご紹介します。

デザイン部分のスタイルシート(CSS)を外部ファイルにし、リンクさせることで
html ファイルサイズの軽減、表示の高速化といったメリットのほか、
html から余計な記述が減るのでテキストの比重が増し SEO にも良いのです。

【注意!】
サイトの設定が済んでいる状態での説明になります。
サイトの設定については