CSSのDIVというモノがいまいち分かりません。

質問

HTMLもおぼつかないまま、四苦八苦しながらCSSの勉強をしています。その中で出てくるDIVというセレクタはどの様な特性を持つのかが、よくわかりません。HTML文書の最初にCSSを定義しなくても、途中からいきなりCSSを定義できてしまう、というものなのでしょうか？色々なサイトや本を読んでみるものの理解できません。ついでにSPANとの違いも分かりません。
それからCSSについて説明されている文章を読むとたとれば“H1”や“P”等のセレクタの次に「属性」「値」を定義するとありますが、すべてセレクタを“class”にしてしまうのは良くないのでしょうか。なにぶん初心者の為、分かりづらい文章になっているかとは思いますが、何卒ご教授ください。

回答No.1

BLUEPIXY · ベストアンサー

div や span は、他の要素やテキストをくくるだけのものと考えて良いと思います。

divとspanの大きな違いは、ブロック要素であるかインライン要素であるかの違いです。
ブロックは、いわゆる矩形のようなイメージで
インラインは、行のようなイメージです。
適当に
テキスト１行<br>
テキスト２行<br>
とかして
<div style="background-color:#FFFFE0>
<span style="background-color:#FFFFE0>
とかしてみると、今言う意味が取り易いと思います。

ほとんど（というか全て？）の要素にclass指定はできるので、classを付けるのは、別段悪いことはないです。方策として、同じスタイルになる部分は、divなどでくくり、そこでスタイルを付けてやる方が、別々に同じスタイルを設定するよりは、簡明だとは思いますが、好みと考え方の問題のような気がします。

今のところ、スタイルで指定できる属性と属性でしていできるものが多少異なる場合があります。