0

コンテナ モデルについては十分に理解していますが、現在のケースでのベスト プラクティスについて疑問に思っています。

これがサイトhttp://dev.permi.co/です- _s wordpress テーマに基づいています。

HTML の一部を次に示します。

<div class='content-area'>
    <div class='entry-header'>
    <h1 class='entry-title'>
    </div>
</div>

現在配置されているマージン/パディングは次のとおりです。

.content-area {padding:10px;}
h1.entry-title {background-color:#111111;}

私が持っているのは、親divのパディングだけです。この方法では、パディングを 1 回追加するだけで済みます。これは、CSS、ネストされた div & margins と padding の比較から見ても正しいようです。

ただし、彼らは背景について言及しており、代わりに個々の要素にパディングを使用する必要があります。

背景色の周りにパディングが必要なので、色がずっと伸びません。

ただし、H1 の内側にもパディングが必要なので、ガターのすぐ隣にはありません。

親パディングを削除し、すべての子要素にパディングを追加する必要がありますか? では、この H1 にもマージンを追加しますか?

もしそうなら、パフォーマンスや互換性の問題はありますか? 私は CSS にかなり慣れていませんが、より開発志向です。

4

1 に答える 1