■ HTML ファイルにスタイルシートを適用 (1)

前のページで作った HTML ファイルに２種類のスタイルシートを適用してみます。
ひとつめのシートにはこう書きます。スタイルを設定したい HTML タグにひとつひとつスタイルを設定しています。

h3{
　color: #ff0000;
}
h4{
　color: #0000ff;
}
p{
　margin: 1%;
　padding: 1%;
}
div{
　font-size: 10pt;
　margin: 1%;
　padding: 2%;
　line-height: 120%;
　border-style: double;
　border-color: #ff0000;
　background-color: #ffcccc;
}

すると画面はこうなります。随分雰囲気が変わったでしょ。

次のページで、別のスタイルを設定します。また雰囲気が変わりますよ。