标题标签的默认CSS样式是什么？ （H1，h2，h3，h4，h5）

Question

在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中是否也有相同的预定义属性？

Answer 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;
}

Answer 2

  

CSS中是否有相同的预定义属性;它给出了与H相同的外观和感觉？

没有

标题的默认样式（在大多数浏览器中）恰好是：不同CSS规则的集合与Hn选择器相结合（并存储在浏览器样式表中）。 / p>

没有（纯CSS）方式自动复制所有这些规则。

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

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

Answer 3

  

问题：CSS中有相同的预定义属性吗？

没有

您可以尝试这样：

h3{ 
   display: block; 
}

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

Answer 4

认为好的做法是让h＆lt; 1-6＆gt;保持默认样式。然后添加一个类来添加其他样式。对我来说似乎更干净，而且你并没有破解“主人风格”。优点和缺点我敢肯定。

＆lt; h1 class =“h1”＆gt; Hello CSS＆lt; / h1＆gt;