我完全了解容器模型，但我想知道当前案例中的最佳实践。
这是网站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 上填充。这样我只需要添加一次填充，这似乎是我能找到的：CSS、嵌套的 div 和边距与填充
但是，他们提到背景，您也许应该在单个元素上使用填充。
我确实想要背景颜色周围的填充，所以颜色不会一直延伸。
但是，我还需要在 H1 内部进行填充，因此它不在排水沟旁边。
我是否需要删除父填充，并为所有子元素添加填充？然后也给这个 H1 加一个边距？
如果是这样，是否存在任何性能或兼容性问题？我对 CSS 很陌生，我更注重开发。