H2轉換不起作用

-1

我試圖轉換元素。字體大小轉換工作正常，但保證金轉換沒有那麼好。H2轉換不起作用

這裏是我的嘗試：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html> 
    <head> 
    <style type="text/css"> 
    .box{ 
     font-size:30px; 
     margin:23px 0; 
     font-weight:bold; 

    } 
    </style> 
    </head> 

<body> 

</head> 
<body> 

<div class="box">Some text here</div> 

</body> 
</html>

相比：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html> 
    <head> 
    <style type="text/css"> 
    body{ 
     font-size:20px; 
    } 
    </style> 
    </head> 

<body> 

</head> 
<body> 

<h2>Some text here</h2> 

</body> 
</html>

正如你所看到的，在瀏覽器中查看時，H2和.box的文本具有相同的字體大小。

這是不正確的，應該是24px。我犯了什麼錯誤？

來源

2011-09-12 Kay

爲什麼它應該是24px？你的計算是正確的，.75em等於22.5px你可以使用.77em（23/30）來確保瀏覽器不會下移。 – Gerben

在瀏覽器中查看時，H2和.box中的文本沒有完全對齊 - 它們偏離1px，這聽起來不是什麼大問題，但我需要它完全一樣。 – Kay

-1

div元素的margin屬性在所有瀏覽器中默認預設，而font-size屬性不是。要覆蓋它，你需要更具體的，通過使用這樣的：

div.box { font-size:30px; margin:23px 0; font-weight:bold; }

來源

2012-01-17 23:28:05

您設置了體等元素將繼承而H2是由瀏覽器預設內部用戶代理的CSS字體的大小，特別是，如'特異性'，並優先於您爲身體設定的內容。

例如，如果您使用Firebug，您會看到瀏覽器已經將h2設置爲瀏覽器中的某個值。如果你想改變它，你需要指定h2{font-size: 24px}，就像你在其他例子中使用div一樣。瀏覽器Div沒有設置字體大小。

來源

2012-01-18 00:25:40 Rob

H2轉換不起作用

回答

相關問題