【问题标题】：What are the default CSS styling of heading tags? (H1, h2, h3, h4, h5)标题标签的默认 CSS 样式是什么？ (H1, h2, h3, h4, h5)
【发布时间】：2015-06-22 13:11:26
【问题描述】：

在 HTML 中，标题用 <H>(1,2,3,4,5,6) 标签表示。

我的问题是关于以下 HTML 代码：

<div class="pure-u-1-1 pure-u-lg-3-3">
    <h3><form:label path="gen">Registrer Bruker</form:label></h3>
</div>

我不想写<H3>，而是想在 CSS 中写类的属性；提供相同的字体大小（外观和感觉）；从 HTML 给出的标题开始。 CSS中是否也有相同的预定义属性？

【问题讨论】：

请修正你的语法，很难理解。
Can a CSS class inherit one or more other classes?的可能重复
@fauverism 你为什么要这么做？
我不认为 CSS 本身有任何“预定义”的东西吗？您只需为类创建自己的规则。
@Lee 可能是术语预定义错误。这里我的意思是就像字体粗细、字体大小、宽度、高度一样，有没有类似 header-1 或 big-header 或者我只需要类？

标签： html css

【解决方案1】：

答案是否定的，但是您可能会破解样式。大多数浏览器都会尝试使用这些样式

（取自：w3schools）

h1 { 
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h3 { 
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h4 { 
    display: block;
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h5 { 
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
h6 { 
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

【讨论】：

谢谢。完美回答。我正在寻找上述材料:)
@fatherazrael 啊，我明白你现在在找什么了。在这种情况下，如果可能，您应该重新措辞您的问题或标题，以阅读类似 标题标签的默认 CSS 样式是什么？
@Lee 正如建议的那样，我已经改变了问题。
缺少：h4 字体大小：1em

【解决方案2】：

CSS 中是否有相同的预定义属性？哪个外观和感觉与 H 相同？

没有。

标题的默认样式（在大多数浏览器中）正是这样：集合不同的 CSS 规则加上 Hn 选择器（并存储在浏览器样式表中）。

没有一种（纯 CSS）方法可以自动复制所有这些规则。

您可以使用大多数浏览器内置的开发人员工具中的 Inspector 工具来检查标题并查看其默认规则，然后将这些规则复制到您自己的（作者）样式表中。

浏览器之间可能存在一些差异，因此您通常也需要明确设置Hn 规则。

【讨论】：

你可以使用javascript。见stackoverflow.com/questions/754607/…

【解决方案3】：

问题：CSS 中是否有预定义的属性？

没有

你可以这样试试：

h3{ 
   display: block; 
}

h3 {
   font-size: /*Font size similar to h3*/ ;
}

【讨论】：

【解决方案4】：

认为一个好的做法是让 h 保持其默认样式。然后添加一个类来添加额外的样式。对我来说似乎更干净，而且您并没有破解“大师风格”。利弊我敢肯定。

你好 CSS

【讨论】：