この CSS チート シートでカスケーディング スタイル シートを理解する
作成するすべての Web サイトで基本的なスタイルを定義する
目次拡大あなたが ウェブサイトをゼロから構築する 、定義された基本的なスタイルから始めるのが賢明です。きれいなキャンバスと新しいブラシから始めるようなものです。 Web デザイナーが最初に直面する問題の 1 つは、 ウェブブラウザ はすべて異なります。デフォルトのフォント サイズはプラットフォームごとに異なり、デフォルトのフォント ファミリも異なります。また、body タグのマージンとパディングを定義するブラウザと定義しないブラウザなどがあります。 Web ページのデフォルト スタイルを定義することで、これらの矛盾を回避します。
CSS と文字セット
まず最初に、CSS ドキュメントの文字セットを次のように設定します。 utf-8 .デザインするページのほとんどは英語で書かれている可能性がありますが、一部はローカライズされている場合があり、さまざまな言語や文化のコンテキストに合わせて調整されています。その場合、utf-8 はプロセスを簡素化します。での文字セットの設定 外部スタイルシート よりも優先されません HTTP ヘッダーですが、他のすべての状況ではそうです。
文字セットの設定は簡単です。 CSS ドキュメントの最初の行に次のように記述します。
|_+_|
このように、 content プロパティで国際文字を使用する場合、または クラス名と ID 名 、スタイル シートは引き続き正しく機能します。
ページ本文のスタイリング
デフォルトのスタイルシートが次に必要とするのは、 マージン、パディング、ボーダーをゼロにする .これにより、すべてのブラウザーがコンテンツを同じ場所に配置し、ブラウザーとコンテンツの間に隠れたスペースがないようにします。ほとんどの Web ページでは、これはテキストの端に近すぎますが、背景画像とレイアウト分割が正しく整列するように、そこから始めることが重要です。
|_+_|
デフォルトの前景色またはフォントの色を黒に、デフォルトの背景色を白に設定します。これはほとんどの Web ページ デザインで変更される可能性が高いですが、これらの標準色を本文と HTML タグ 最初は、ページを読みやすく、操作しやすくします。
|_+_|デフォルトのフォント スタイル
フォント サイズとフォント ファミリは、デザインが定着すると必然的に変更されるものですが、デフォルトのフォント サイズ 1 から始めます。 の そしてデフォルト フォントファミリー Arial、Geneva、またはその他の サンセリフフォント . ems を使用すると、ページへのアクセスが可能な限り維持され、サンセリフ フォントは画面上でより読みやすくなります。
|_+_|リンクを忘れないで
リンクの色のスタイリングは、ほとんどの場合、デザインの重要な部分ですが、デフォルトのスタイルでそれらを定義しないと、疑似クラスの少なくとも 1 つを忘れてしまう可能性があります。青を少し変えて定義し、サイトのカラー パレットが定義されたら変更します。
を設定するには リンク 青の色合いで、次のように設定します。
この例に示すように:
|_+_|