2015-06-22 436 views
1

在HTML中,标题用<H>(1,2,3,4,5,6)标记表示。标题标签的默认CSS样式是什么? (H1,h2,h3,h4,h5)

我的问题是关于下面的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中也有相同的预定义属性?

+3

请修复你的语法,这是很难理解的。 – fauverism

+0

[CSS类是否可以继承一个或多个其他类?](http://stackoverflow.com/questions/1065435/can-a-css-class-inherit-one-or-more-other-classes) – JBux

+0

@违规主义为什么你想这样做? –

回答

2

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

(来自: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

谢谢。完美的回答。我正在寻找以上材料:) – fatherazrael

+1

@fatherazrael我看到你现在在找什么。在这种情况下,如果可能的话,你应该重新提出你的问题或标题,以便阅读*标题标签的默认CSS样式?* – Lee

+0

@Lee 正如建议我改变了问题。 – fatherazrael

0

将您想要的属性添加到您希望该属性影响的类,标识或元素。

0

问题:CSS中有相同的预定义属性吗?

没有

你可以尝试这样的:

h3{ 
    display: block; 
} 

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

是否有在CSS相同的预定义的财产;这与H给出的外观和感觉相同?

标题的默认样式是(在大多数浏览器)正是这样:不同的CSS规则集合再加上Hn选择器(和存储在浏览器的样式表)。

没有(纯CSS)方法来自动复制所有这些规则。

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

浏览器之间可能会有一些差异,所以您通常也要明确设置Hn规则。

+0

您可以使用javascript。请参阅http://stackoverflow.com/questions/754607/can-jquery-get-all-css-styles-associated-with-an-element/6416527#6416527 –

-1

认为一个好的做法是令h < 1-6>保持自己的默认样式。然后添加一个类来添加其他样式。对我来说看起来很干净,而且你不会窃听“主人风格”。优点和缺点我相信。

< H1类= “H1”>你好CSS </H1>

相关问题