*: カスケード スタイル シートとも呼ばれます。
以下は 4 つの異なるスタイル シートを提供する HTML ページです。 さまざまなスタイルを表示するには、以下のスタイルシートのリンクをクリックしてください:
CSS は、さまざまなデバイスや画面サイズに合わせたデザインやレイアウトなど、Web ページのスタイルを定義するために使用されます。
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
HTML は、Web ページをフォーマットするためのタグを含むことを意図したものではありません。
HTML は、Web ページのコンテンツを記述するために作成されます。
<h1> これは見出しです。 </h1> <p>これは段落です。 </p>
<font> などのタグと color 属性が HTML 3.2 仕様に追加されたことで、Web 開発者の悪夢が始まりました。 大規模な Web サイトの開発は、すべてのページにフォントと色の情報を追加する、長くて費用のかかるプロセスになりました。
この問題を解決するために、World Wide Web Consortium (W3C) は CSS を作成しました。
CSS は HTML ページからスタイルの書式設定を削除します。
HTML が何なのかわからない場合は、HTML チュートリアル を読むことをお勧めします。
スタイル定義は通常、外部の .css ファイルに保存されます。
外部スタイル シート ファイルを使用すると、1 つのファイルを変更するだけでサイト全体の外観を変更できます。