2015-06-22 473 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>

相關問題