标题标签的默认CSS样式是什么？(H1，H2，H3，H4，H5)

soat7uwm 于 5个月前发布在其他

关注(0)|答案(4)|浏览(64)

在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？

css

来源：https://stackoverflow.com/questions/30980873/what-are-the-default-css-styling-of-heading-tags-h1-h2-h3-h4-h5

4条答案

按热度按时间

dldeef671#

答案是否定的，但是你可以破解样式。大多数浏览器会尝试使用这些样式
（转自：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;
}

字符串

赞(0）回复(0）举报 5个月前

rbpvctlc2#

在CSS中是否有预定义的属性;它提供了与H相同的外观和感觉？
号
标题的默认样式（在大多数浏览器中）正是这样：不同CSS规则的 * 集合 * 加上Hn选择器（并存储在浏览器样式表中）。
没有一种（普通的CSS）方法可以自动复制所有这些规则。
您可以使用大多数浏览器中内置的开发人员工具中的检查器工具来检查标题并查看其默认规则，然后将这些规则复制到您自己的（作者）样式表中。
浏览器之间可能会有一些差异，因此您通常也希望显式设置Hn规则。

赞(0）回复(0）举报 5个月前

s2j5cfk03#

问：CSS中是否有相同的预定义属性？
没有
你可以这样尝试：

h3{ 
   display: block; 
}

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

字符串

赞(0）回复(0）举报 5个月前

sycxhyv74#

我认为一个好的做法是让h<1-6>保持它们的默认样式。然后添加一个类来添加额外的样式。对我来说似乎更干净，你没有破解“主样式”。我敢肯定利弊。

赞(0）回复(0）举报 5个月前

我来回答

标题标签的默认CSS样式是什么？(H1，H2，H3，H4，H5)

4条答案

相关问题

热门标签

最新问答