Latest web development tutorials

品質のWebスタイルシート

ページの品質が重要である高めるために、スタイルシートを使用してください。


<フォント>タグを使用しないでください!

CSSは、ページ上の表示のフォントサイズを設定するために使用されるべきです。 フォントタグを使用しないでください。

使用の<font>タグは、ドキュメントのサイズが大きくなり、従ってあなたは標準のテキスト作業のサイズを変更するたびに悪夢になりました。

次のシナリオを想像してみてください。

ある日、あなたはすべての色とサイズで、サイトのタイトルを変更することを決定しました。 CSSを通じて、あなただけのこの操作を行うことができます1行を変更する必要があります。 あなたが<フォント>タグを使用した場合は、再度変更されたすべてのページのすべての見出しにサイトを配置する必要があります。

lamp.gif スタイル代替の<font>タグを使用すると、より簡単に高品質なWebインターフェイスを生成することが可能となります。


固定フォントサイズを使用しないでください

固定サイズの値を使用しないでください。 常に相対的な寸法を使用しています。

この提案は、固定寸法ブラウザのサイズを再調整しないための最も重要な理由です。

あなたの訪問者が異なる機器(モニター)、異なるブラウザ環境(光)と可能性障害(弱視)を使用することができます。

ユーザーが使用できるように、たとえば、あなたは、人の文字サイズは、100%(または中)に設定されている二次タイトルは120%(または大)に設定されている状態で、メインタイトルは、140%(またはX大)に設定されて置くことができます好きなサイズに、ブラウザを再設定してください。

注:ページのテキスト機能の大きさを調整することにより、テキストの印刷ページ数を変更することができます。


デフォルトのフォントサイズが非常に小さい使用しないでください

各ページにはより多くのコンテンツに「プラグ」、またはページがより見えるようにすることができますので、いくつかのウェブサイトは、小さなテキストサイズを使用 "ファッショナブル"。

ここでも、異なる機器(モニター)、異なるブラウザ環境(光)と可能性障害(弱視)を使用して、ユーザーが失読症を引き起こす可能性があります。

lamp.gif テキストサイズを使用すると、サイトを毎回訪れるたびに拡大するために、ユーザーを強制しないでください。


常に同じ背景色を使用

ほとんどのページには、テキスト要素に異なる色を使用します。 タイトルとリンクテキストの色テキストの色は、通常は異なっています。

Webデザイナーとして、あなたはあなたの訪問者は、デフォルトのカラーオプションを変更することができるという事実を認識する必要があります。

あなたがウェブ要素の色を定義する場合は、同じ背景色を定義する必要があります。

あなたは背景色を定義しない場合、あなたのサイトは、(そのようなテキストの上に赤の鮮やかな赤の背景、または暗い背景に暗いテキストなど)悪い色の組み合わせを台無しにする可能性があります。

lamp.gif あなたは、背景色を指定しない場合は、テキストを特定するのは困難になることがあります。