spanタグとdivタグ

スタイルシートを使うときに、他の効果を与えずにスタイルシートで指定した効果だけを与えたいことがあると思います。

例えばh1{ color:red; }とすると、色が赤になるだけでなく、h1の効果で文字が大きくなってしまいます。

そうではなくスタイルシートの効果だけを与えたい場合に非常に役立つのが、<span>タグと<div>タグです。

この二つのタグ自体には全く効果はありません。

例えば

<span>あいうえお</span>としても何の効果もありません。

つまりこのタグを使ってスタイルシートの効果だけを与えることができるのです。

例えばスタイルシートファイルに

.style1 { font-size:20pt; color:blue; }

と書いておいて

<span class="style1">あいうえお</span>

とすれば、スタイルシートファイルで指定した効果だけを与えることができます。

<span>タグと<div>タグの違いですが、インライン要素とブロック要素という違いがあります。これは結構難しいので本気で学びたい人はGoogleで検索してみてください。