CSS-スタイルシート-のタグに直接記述する方法について紹介します。

タグに直接記述することにより、その記述されたタグのみにその指定した効果が適用されます。


まず直接タグに記述する場合以下のような形になります。

<要素 style= "属性:値;">

2つの効果を適用したい場合は、

<要素 style= "属性:値;属性:値;">

という形になります。


これは、2つに限らず、3つ4つでも同じ形で増やしていくことが可能です。


ここでは解りやすいので、段落を表す<p>タグにCSSの属性と値を2つ適用させてみます。

<p style= "color:#ff0000;font-size:20px;">この文字にCSSを適用させています</p>

上のタグを記述したものが以下のものになります。

この文字にCSSを適用させています

今記述したCSSは、<p>タグ内に『文字を赤色にする』ということと、『文字の大きさを20ピクセルにする』ということを指定しています。