スタイルの適用範囲は・・・



スタイルの適用範囲は<div></div>で設定できます。

このファイルにはあらかじめ、ふたつの部分を設定してあります。
このファイルのHTMLを表示し、
<div class="hitotsume">
一つ目の部分はここから<br>
<br>
一つ目の部分はここまで<br>
</div>
<br>
<div class="futatsume">
二つ目の部分はここから<br>
<br>
二つ目の部分はここまで<br>
</div>


となっていることを確認して下さい。

この二つの部分に別々のスタイルを設定してみましょう。

div.hitotsume{
    background-color:white;
}

div.futatsume{
    background-color:skyblue;
}

のようにしてスタイル(デザイン)を別々に設定して、必要に応じて使い分けます。
上で説明した部分を、スタイルシート『example01.css』に書き加えてください。

一つ目の部分はここから

一つ目の部分はここまで

二つ目の部分はここから

二つ目の部分はここまで

戻る