タグに直接書きこむ方法

これが最も手軽に試す事のできる方法です。 例えば、

<div style="background:maroon;color:white;">
背景の色を栗色に、<br>
文字色は白にしてみました。
</div>

でもこれでは、個々のタグ全てにスタイルを書かなくていけません。 また、「レベル１の見出しの表示方法を変更したい」 と思ったとき、全ての<h1>タグを探し出して、 一つ一つ変更しなくてはなりません。これは非常に面倒です。

しかも、HTMLの中にレイアウトを事細かに書く事になり、レイアウトと構造を 分化して書くというスタイルシートの意義に反しています。W3Cの人はきっと嫌な顔をするでしょう。 そういうわけで、これをメインに利用する事はすすめられません。 これの利用はできる限り実験程度にとどめておきたいものです。 そこで、次の方法があります。