Web品質スタイルシート
スタイルシートの使用は、Web ページの品質を向上させるために非常に重要です。
<font> タグは使用しないでください。
CSSは、表示されるWebページのフォントサイズを設定するために使用する必要があります。 fontタグは使用しないでください。
<font> タグを使用するとドキュメントのサイズが大きくなり、標準のテキスト サイズを変更するのは毎回悪夢のような作業になります。
次の状況を想像してください:
ある日、Web サイト上のすべてのヘッダーの色とサイズを変更することにしました。 CSS を使用すると、1 行を変更するだけでこれを行うことができます。 <font> タグを使用する場合は、サイトのすべてのページのすべてのタイトルを変更する必要があります。
<font> タグの代わりにスタイルを使用すると、Web ページの高品質なインターフェイスを簡単に作成できます。
固定フォントサイズを使用しないでください
固定サイズ値を使用しないでください。常に相対的なサイズ値を使用してください。
この推奨事項の最も重要な理由は、ブラウザーでは固定サイズのサイズを変更できないことです。
訪問者はさまざまなデバイス (モニター)、さまざまな閲覧環境 (光)、および障害 (弱視) を抱えている可能性があります。
たとえば、誰かのテキスト サイズを 100% (または中)、メイン タイトルを 140% (または特大)、サブ タイトルを 120% (または大) に設定すると、ユーザーは次のことができますブラウザを使用してお気に入りのサイズをリセットしてください。
注: Web ページのテキスト サイズを調整することで、印刷ページのテキスト数も変更できます。
非常に小さなデフォルトのフォント サイズを使用しないでください
一部の Web サイトでは、各ページにより多くのコンテンツを「詰め込み」たり、ページをより「ファッショナブル」に見せるために、非常に小さなテキスト サイズを使用します。
もう一度言いますが、異なるデバイス (モニター)、異なる閲覧環境 (光)、障害 (弱視) の可能性により、ユーザーが読みにくくなる可能性があります。
ユーザーがサイトにアクセスするたびにテキストサイズを大きくすることを強制しないでください。
常に一貫した背景色を使用してください
ほとんどの Web ページでは、さまざまなテキスト要素に色が使用されています。通常、見出しとリンクの色は本文の色とは異なります。
Web デザイナーは、訪問者がデフォルトのカラー オプションを変更できるという事実を認識しておく必要があります。
Web 要素の色を定義する場合は、背景色も定義する必要があります。
背景色を定義しないと、不適切な色の組み合わせ (赤い背景に明るい赤いテキスト、暗い背景に暗いテキストなど) によってサイトが台無しになる可能性があります。
背景色を指定しないと文字が読みにくくなる場合があります。