CSS（スタイルシート）の利用

上のイメージにあるように、HTMLは「ページ構成そのもの」を担当し、CSSはそれをサポートするカタチでテキスト色や背景色、幅や枠線の有無といった「見せるための体裁」を整える役目を担います。

HTMLでもfontタグやbgcolor属性、width・height属性などを利用することで体裁を整えることができますが（ホームページビルダーで作られたページのほとんどは、HTMLにより体裁を整えているようです。）、それをCSSに置換し、CSSの命令を外部ファイルから行う（CSSの命令方法には何種類かあります。これについては別の記事で説明します。）ことでHTMLをすっきりと記述することができます。

「HTMLのソースなんて誰も見ないからCSSなんて必要ない」と思われる方もいらっしゃるかと思いますが、CSSを利用するだけのメリットがあります。

ひとつめはページの重さ。ひとつのページに記載する情報が多くなってくると、それを表示させるためのHTMLの記述が増え、HTMLファイル自体が重くなってきます。この中のページの体裁を整えるための記述をCSSに置き換えることで、 HTMLファイルの重さが軽くなり、ページを表示するまでの時間が早くなります。

もうひとつはSEO対策です。できる限りタグを少なくし、文章の占める割合を増やしたり、文章がHTMLのより上部に記載されることにより、より効果のあるSEO対策を施すことができると言われています。

また、CSSを外部ファイルに記載することで、デザインの変更（色を変える、フォントサイズを変える等）の際は外部ファイルのみの修正で全てのページに反映させることができます。

以上3つを見るとCSSの利用はとても効果のあるものに感じますが、デメリットと言える部分もあります。それはブラウザによりCSSの認識が異なるという点です。

概ね同じように表示はされるのですが、一部のCSSの命令はインターネットエクスプローラ（IE）とFireFox、ネットスケープとで違う解釈をされることがあります。この解釈の違いにより、IEで見たときは思ったとおりに表示されていても、FireFox等で見たときにレイアウトが崩れてしまうといったことが起こってしまいます。

しかし、このデメリットは普段使っているブラウザと、別のブラウザの両方で確認すれば事前に防ぐことができますし、そのような手間をかけてでもCSSを利用する利点は大きいものですので、ページの体裁はぜひCSSで整えるようにしましょう。