統一を保たせるためにサイト作りに没頭すると、ついいろいろな色を使ってしまいます。ページ内に色をふんだんに使用すると、文章や画像にメリハリがついて良くなりますが、あまりにたくさんの色を登場させるのも困りものです。重要だと思って色を付けた文字も、たくさんあるようでは逆にどれが重要なのか分からなくなってしまいます。複数のページ同士で使用する色も統一を保たせた方が、訪問者にとって安心できる要素です。あるページでは重要なところが赤字なのに、他のページでは緑だったというのでは、見る側が混乱してしまいます。使う色を限定するこれらを回避する方法として、ページを作る前にあらかじめ使用する色を決めてしまうのも一つの手です。一口に赤といってもいろいろな赤があるのですから、「赤ならこの色、緑ならこれ」と言った感じに決めてしまいましょう。スタイルシートを使う特に文字色を限定する場合は、スタイルシートを使用した方が便利です。通常文字色を変えるには、<FONT>タグを使いますが、外部スタイルシートで文字色を指定しておくと、後で色を変える必要が出てきたときに、CSSの内容を書き換えるだけで良く便利です。以下のように記述します。以下ようにスタイルシートで色を指定しておくと、「赤の色を変えたいな」と思ったとき、赤を使っているすべてのページを書き換える必要はなく、【style.css】のCSSファイル内の一行を書き換えるだけで済みます。スタイルシートで使える色を限定しているので、本来の目的も達成しています。class="gray">グレーはこの色</span><!--ここまで--></body></html>☆ココがポイント!利用者の混乱を避けるために、ページ内で使用する色はあらかじめ限定しておきましょう。色の指定は外部スタイルシートで指定すると非常に便利です。CSSプロパティ一覧HTMLタグ/CSS一覧と初心者向けホームページ作成解説集:HTMLタグボード。