◆HTML/CSS　備忘録① 親子関係

親子関係

HTMLのタグには、親子関係と兄弟関係というものがあります。

簡単に言うと、囲んでいる部分を『親』
囲われている部分を『子』と言います。

同じ親に囲われている『子』同士を『兄弟』と言います。

親子関係の把握が必要になる理由は、
HTMLの親子関係がCSSの指定に影響を及ぼすからです。

例えば、親要素に設定した内容が子要素にも反映されます。

例）親要素側【div】に文字の配置中央揃えを設定すると、子要素の【p】にも反映される。

親要素【div】に設定前

親要素【div】に設定後

他にも内容によっては、親要素に必ず設定しなければいけないものや、子要素に設定する必要があるものなどもあるため、親子関係の把握が重要です。