techronicle テクロニクル

Webサイト作成に関する情報提供サイトです。WordPress,HTML+CSSなど。

クラスの設定

2010/11/01 HTML+CSS

HTML+CSSによるWebサイト作成では、classを設定することによって、ページ上の各要素に細かく、デザインを施すことができます。

たとえば、

p {font-weight:bold;}

とすると、段落すべてが太字になってしまいますが、

p.aaa {font-weight:bold;}

このようにclassを付加することによって、

<p class="aaa">

と設定した段落だけを太字にすることができます。

また、複数のまとまった要素にデザインを施したい場合は、

<div class="bbb">~</div>

で、要素をくくり、

.bbb {border:1px solid #000000;}

のように、全体を罫で囲ったりできます。

実践で頻繁に使うのがこのclass設定です。