当你想在HTML元素之间添加空格(使用CSS)时,你附加了哪个元素？
我经常遇到这样的情况:
<body>
<h1>This is the heading</h1>
<p>This is a paragraph</p>
<h1>Here's another heading</h1>
<div>This is a footer</div>
</body>
现在,假设我想要在每个元素之间留出1em的空间,但是没有高于第一个h1或低于最后一个div.我会附加哪些元素？
显然,这之间没有真正的技术差异:
h1, p { margin-bottom: 1em; }
...还有这个...
div { margin-top: 1em; }
p { margin-top: 1em; margin-bottom: 1em }
我感兴趣的是次要因素:
例如:在这个特殊情况下,我会说第一个解决方案比第二个更好,因为它更简单; 您只是在一个属性定义中将margin-bottom附加到两个元素.但是,我正在寻找更通用的解决方案.每次我做CSS工作,我都觉得有一个很好的经验法则适用......但我不确定它是什么.有没有人有一个好的论点？