レイアウトの基本div
divとは？
divとは、HTML内に書く要素のことです。CSSでレイアウトを行う時は、<div>タグを使用し、<div>にCSSを適用してレイアウトを行います。
divは、グループ化することを目的に使用します。CSSでレイアウトをするには、divにidやclassセレクタでCSSを正しく適用してあげないとブラウザに正しく表示させることが出来ません。
divの使い方
divは、レイアウトする時に使いますが、どのような役割をするか実際に見てもらい、使い方を説明していきます。
HTML
<head><link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="red">赤い文字</div>
<div>黒い文字</div>
<div id="green">緑の文字</div>
</body>
CSS
#red{color:#FF0000;}
#green{color:#00FF00;}
ブラウザでの表示
赤い文字
黒い文字
緑の文字
黒い文字
緑の文字
divに今回は、idセレクタを利用して違う色を指定しました。それぞれ違う色を指定したdivの範囲内の文字は、指定した色になります。何も指定していないdivの範囲は初期状態の黒になります。divの役割は、一つの枠を作る役割をしています。
ページの先頭へ