NO.52 CSSを使うときの基本的な記述法②

とりあえず続き・・

ページを部分ごとに区切ってCSSを使う方法
<span>～</span>,<div>～</div>で囲まれた部分は一つのグループと見なされるので、その中でCSSを指定する事が可能です。
<span>ではそのまま表示され、<div>では前後に改行が入ります。
両者の違いは、背景色を指定してみるとよく分かります。

<span style="color:yellow;font-size:15px;background-color:darkblue;">
<strong>ヴェーラーと尿素の合成</strong><br>
ヴェーラー＋尿素→×××××<br>
</span>
<div style="color:pink;font-size:15px;background-color:darkred;">
<u>ケクレの名言</u><br>
私はマドロンだ！<br>
</div>

ヴェーラーと尿素の合成
ヴェーラー＋尿素→×××××

ケクレの名言
私はマドロンだ！

ページのタグ内のCSSを一括指定する方法
微妙に前回とかぶりますが、HEAD内にCSSを書き込んでページの特定タグ内のデザインを指定する方法です。

<style type="text/css">
<!--
h4{color:darkblue;font-size:16px;}     /*h4タグ内は全て文字色が濃青色,文字サイズが16ピクセルになります*/
-->
</style>

↑のように記述する事で、ページ内のh4タグ内全てのデザインを指定する事が可能です。
例えばこの例で指定した内容は↓のように表示されます。

h4タグ内

また、以下のようにして複数のタグ内のデザインを一括指定する事も出来ます。

<style type="text/css">
<!--
b,p{color:darkblue;font-size:16px;}     /*bタグとpタグのデザインを一括指定*/
-->
</style>

前に戻る　次に進む

SEO		[PR] 爆速!無料ブログ無料ホームページ開設無料ライブ放送