ボックスと要素

みなさんが毎日、なにげなく書いている文章ひと言ひと言にも、パディングやマージンなどの見えない枠が存在し、貼り付けた画像にも当然、周りを見えない枠で囲んでいます。

この見えない枠 （ ボックス ） には、大きく分けて ２つ の種類があり、その要素 （ テキストや画像 ） を中心に内容全体を囲むものを 『 ブロックボックス 』 と呼びます。つまりこういう事です ・・・

かたや、要素 （ テキスト ） を一行ごとに囲むものを 『 インラインボックス 』 と呼びます。

『 ブロックボックス 』 は一般的に、p、div、ul、dl、blockquote などで要素を囲むことで生成されます。ブログの HTML をのぞくと、<div class="○○○"> 〜 </div> なんて良く見かけるでしょ (^^)

一方 『 インラインボックス 』 は、a、em、span、q などで囲み、その要素を整形していきます。文章にリンクを貼ってる時が良い例かな
<a href="http://www.○○○..."> 〜 </a>

ようするに、前後に改行を伴う大きな塊の要素には 『 ブロックボックス 』 を、前後に改行を伴わない場合には、『 インラインボックス 』 を用いて整形していくって感じです。


■ 引用参考サイト