【发布时间】：2016-12-19 04:25:27
【问题描述】：
我正在使用模板设计，并尝试更改各种字体。 我不明白为什么例如字体大小会重复。
例如有一个H1 H2 H3的集合
然后有一个只是针对 h2 的，具有一些相同的规范（例如文本大小、填充）
还有人可以解释为什么有 4 个填充选项吗？即“9px, 0, 5px, 0”
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;
}
【问题讨论】：
-
使用一些css代码美化器，它会自动为您省去麻烦。 Here's one 这可能会有所帮助。至于为什么模板是这样的，你得问制造商:) --- Padding 有 4 个值，这是按顺序添加上、右、下、左填充的简便方法。
-
@pol 大声笑我试图弄清楚他们为什么这样做，就像他们这样做有什么好的理由，或者只是一件愚蠢的事情，因为这让我很难改变，因为我'不确定我是否会同时改变不止一件事。感谢css代码美化器！现在我有了一个新玩具！似乎是一个有趣的填充顺序，但现在它很有意义。无论如何，再次感谢！
-
在我看来，您不是在问自己遇到的问题，而是在问别人做出的设计决策。 “他们为什么这样做”而不是“如何”。恐怕这里不是问这些问题的地方。