Html 为什么CSS中有多个相同的选项？

我正在使用模板设计，并尝试更改各种字体。 例如，我不明白为什么字体大小会重复出现这种情况

例如，H1 H2 H3有一个集合

然后有一个仅适用于h2，具有一些相同的规范（例如文本大小、填充）

还有人能解释为什么有4种填充选项吗？即“9px，0，5px，0”

---

padding属性最多可以使用4个参数定义。 如果定义了四个参数，则：

• 第一个参数指定

  填充顶部

• 第二个参数指定

  右填充

• 第三个参数指定

  填充底部

• 第四个参数指定

  左填充

如果定义了三个参数，则：

• 第一个参数指定

  填充顶部

• 第二个参数指定了

  右填充

  和

  左填充

• 第三个参数指定

  填充底部

如果定义了两个参数，则：

• 第一个参数指定了

  填充顶部

  和

  填充底部

• 第二个参数指定了

  右填充

  和

  左填充

如果定义了一个参数，则它将指定所有4个属性

如果未定义任何参数，则所有四个特性都将设置为其默认值，即零

---

关于

、

、

、

、

和

标记，用户首先为所有标记指定常规属性，然后开始指定一些标记的唯一属性。例如，用户已为所有

、

和

标记设置字体、边距和填充属性，但随后仅为每个标记设置字体大小属性。

使用一些css代码美化器，它将自动为您省去麻烦。这可能会有帮助。至于模板为什么是这样的，你必须问制作人：）---填充有4个值，这是按顺序添加上、右、下、左填充的捷径。@pol-lol我正在试图弄清楚他们为什么这样做，好像有什么好的理由，或者只是他们做了一件蠢事，因为这让我很难改变，因为我不确定我是否会同时改变不止一件事。感谢css代码美化器！现在我有了一个新玩具！这似乎是一个有趣的填充顺序，但现在有了意义。无论如何，再次感谢！在我看来，你不是在问你遇到的问题，而是在问别人的设计决策。“他们为什么这样做”而不是“如何”。恐怕这里不适合问这种问题。

h1, h2, h3, h4, h5, h6 { 
  color: #FFF;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

h1, h2, h3 { 
  font: normal 140% 'News Cycle', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
}

h2 { 
  font-size: 160%;
  padding: 9px 0 5px 0;
}
h
h3 { 
  font-size: 140%;
  padding: 5px 0 0 0;
}

h4, h6 { 
  padding: 0 0 5px 0;
  font: normal 120% 'Droid Sans', arial, sans-serif;
}

h5, h6 { 
  font: italic 100% 'Droid Sans', arial;
  padding: 0 0 15px 0;
}

h6 { 
   font: normal 100% 'Droid Sans', arial;
}