子要素とは?詳しい解説(html,css)

<子要素とは>

子要素とは、HTMLの一つ下の階層のことです。

どこを基準にするかによって、子要素は変わります。

<div> ←ここが基準なら
  <p>シチューをご飯にかける</p> ←ここが子要素
</div>

子要素の例

<子要素>

HTML

<ul> ←ここ基準
    <li>ごはん</li> ←子要素
    <li>おかず</li> ←子要素
    <li>吸い物</li> ←子要素
</ul>

ボックスモデル

画像the-box-model-is379

出力結果

画像the-box-model-is375

以上
「子要素とは?(html,css)」の話でした。
ありがとうございました。

タイトルとURLをコピーしました