ここでは、4 種類のスタイルシートで表示される 1 つの HTML ページを紹介します。 異なったスタイルを参照するには、下のリンクの "Stylesheet 1"、"Stylesheet 2"、"Stylesheet 3"、"Stylesheet 4" をクリックしてください:
CSS は、さまざまなデバイスや画面サイズ向けに、デザインやレイアウト、 表示のバリエーションを含む Web ページのスタイルを定義するために使われます。
HTMLは、文書のフォーマット用タグを含むことを意図したものではありませんでした。
HTMLは、以下のような文書内容の定義を意図したものです:
<h1>これは見出しです</h1>
<p>これは段落です。</p>
<font>>のようなタグや、色属性が HTML 3.2 仕様に追加された時が、web 開発者の悪夢の始まりでした。 全てのページごとにフォントや色情報を追加するような、大規模な Web サイトの開発は、期間も長く、費用的にも高価な作業になります。
この問題を解決するために、World Wide Web Consortium(W3C) は CSS を作成しました。
CSS は、すべてのスタイル・フォーマットを HTML ページから取り除きました!
スタイル定義は、通常、外部の .css ファイルに保存します。
外部のスタイルシートを使用すると、ただ 1 つのファイルを変更するだけで、 Web サイト内の全ての外観を変更することができます!