根據自己調整H1，H2 ...標記，而不是父元素

這可能是一個非常簡單且常見問題，但我沒有找到正確的關鍵字進行搜索：我有以下代碼：根據自己調整H1，H2 ...標記，而不是父元素

 <div id="bloquetexto4" class="bloquetexto"> 
     <H2><b>TITULO</b></H2> 
     <p>Texto bla bla bla.</p>

而這個CSS：

.bloquetexto p { 
    font-size: 110%; 
    color: orange; 
} 
.bloquetexto h2 { font-size: 90%; }

我只希望H2元素是比這將是在正常circunstances略小，但是當我補充這一點，H2變成了事實爲多較小的文字，當然遠不及其平常尺寸的90％（我已經在JsFiddle的http://jsfiddle.net/c6hzghcq/）。

我明白，這是因爲，當您添加一個font-size，則H2的大小計算根據字體大小父元素，所以在上述情況下，H2的大小將是父的90％元素的常規文字大小。我的問題是：我怎樣才能讓它根據自己計算大小？（正如我所說的：我只是希望H2比它通常要小一些，不管頁面中其他元素的大小如何）。

來源

2015-08-17 PaulJ

您可以添加類，然後.classname h2 {give font-size}不會影響另一個h2 –

H2元素在大多數瀏覽器中的默認值是「font-size：1.5em;」 –

如果你設置H2 Element大多數瀏覽器都有標準設置，可以在this link找到，因爲H2是這個1.5em;

\t .bloquetexto p { 
 
\t font-size: 110%; 
 
\t color: orange; 
 
\t } 
 
\t .bloquetexto h2 { 
 
\t font-size: 1.3em; 
 
\t /*Smaller text because standard is 1.5em;*/ 
 
\t } 
 
\t

<div id="bloquetexto4" class="bloquetexto"> 
 
    <H2><b>TITULO</b></H2> 
 
    <p>Texto bla bla bla.</p>

編輯:: 您也應該使用「重置」樣式至極可以非常福，因爲不是所有的瀏覽器都一樣..

來源

2015-08-17 11:39:06

使用px，em或其他任何東西，而不是%。因爲你知道，因爲%，得到父母的高度。

來源

2015-08-17 11:36:09 AleshaOleg

根據自己調整H1，H2 ...標記，而不是父元素

回答

相關問題