スタイルシートのお勉強です。

スタイルのグループ化

スタイルのグループ化は、通常のWEBでよく見かけるテクニックです。覚えておきましょう。

タグ名に依存しないクラス名を指定する.

.rb01 { color: red;font-size:30px;  }

以下のように記述して使います。

<h1 class=rb01>これはrb01クラスです。</h1>

↓↓下記のように表記されます。

これはrb01クラスです。

<p class=rb01>これもrb01クラスです。</p>

↓↓下記のように表記されます。

これもrb01クラスです。

IE5.0 以降では、複数のクラスを重複して指定することができます。

.red { color: red; }

.bold { font-weight: bold; }

<span class="red bold">赤い太字</span> 赤い太字

これにより通常のスタイルシートの中に、このように変化を与える事が可能になります。

注意・<span>〜</span>・・・例えば<p>から</p>の間に上記のように挿入する場合は、<span>〜</span>を使います。

■■■■■■■■

コメント

/* と */ の間はコメントとして無視されます。

H1 { color:red; }    /* Red Color */

1,文章を見やすくする  2.リンクしてある箇所の飾り 2-2スタイルシートのグループ化(このページ)

 

田舎でのんびりパソコンライフ  by ヒカル         

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■