それでは、このページから、いよいよ、
スタイルシートをつかった、レイアウトの方法を解説していきます。
まず、何をつかってレイアウトするかと言いますと、
最初の内は主に、
<DIV> というタグを利用して、
ボックスをつくり、スタイルシートを適用して、レイアウトしていきます。
そこで、まずこの<DIV>の特徴を、知ることがレイアウトのために重要なことです。
これは、本来、
要素(テキストとか)をグループ化して、
まとめるためのものです。
たとえばこのテキストも、赤いテキストカラーと、
太字を定義した<DIV>でかこっているから、赤くて太いテキストで表示されています。
これをつかってレイアウトしていくわけですが、
この<DIV>はブロック要素として機能するので、
ちゃんとした設定をしないと、段組(横に並べるということ)できないんです。
だから、この<DIV>の仕組みをまずは知っておきましょう。