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

soat7uwm  于 12个月前  发布在  其他
关注(0)|答案(4)|浏览(103)

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

dldeef67

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

字符串

rbpvctlc

rbpvctlc2#

在CSS中是否有预定义的属性;它提供了与H相同的外观和感觉?

标题的默认样式(在大多数浏览器中)正是这样:不同CSS规则的 * 集合 * 加上Hn选择器(并存储在浏览器样式表中)。
没有一种(普通的CSS)方法可以自动复制所有这些规则。
您可以使用大多数浏览器中内置的开发人员工具中的检查器工具来检查标题并查看其默认规则,然后将这些规则复制到您自己的(作者)样式表中。
浏览器之间可能会有一些差异,因此您通常也希望显式设置Hn规则。

s2j5cfk0

s2j5cfk03#

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

h3{ 
   display: block; 
}

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

字符串

sycxhyv7

sycxhyv74#

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

相关问题