スタイルシート(CSS)講座 トップ >> スタイルシート(CSS)レイアウト知識 >> <DIV>というタグをつかいます

<DIV>というタグをつかいます

それでは、このページから、いよいよ、
スタイルシートをつかった、レイアウトの方法を解説していきます。

まず、何をつかってレイアウトするかと言いますと、

最初の内は主に、 <DIV> というタグを利用して、
ボックスをつくり、スタイルシートを適用して、レイアウトしていきます。

そこで、まずこの<DIV>の特徴を、知ることがレイアウトのために重要なことです。

これは、本来、要素(テキストとか)をグループ化して、
まとめるためのものです。

たとえばこのテキストも、赤いテキストカラーと、
太字を定義した<DIV>でかこっているから、赤くて太いテキストで表示されています。

これをつかってレイアウトしていくわけですが、
この<DIV>はブロック要素として機能するので、
ちゃんとした設定をしないと、段組(横に並べるということ)できないんです。

だから、この<DIV>の仕組みをまずは知っておきましょう。

 

<DIV>の仕組みを知っておこう >>

<< スタイルシート(CSS)講座 トップ