gpt4 book ai didi

css - 您将 CSS 边距放在哪里?

转载 作者:技术小花猫 更新时间:2023-10-29 10:18:55 26 4
gpt4 key购买 nike

<分区>

当您想在 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 }

我感兴趣的是次要因素:

  1. 一致性
  2. 适用于所有情况
  3. 轻松/简单
  4. 易于做出改变

例如:在这个特定场景中,我会说第一个解决方案比第二个更好,因为它更简单;您只是将 margin-bottom 附加到单个属性定义中的两个元素。但是,我正在寻找更通用的解决方案。每次我做 CSS 工作时,我都觉得有一个很好的经验法则可以应用……但我不确定它是什么。谁有好的论据?

26 4 0