Question

最初我分开了h1＆amp; h2标签使用相同的css规则进行样式设置以构成我的标题。我将它们的两种字体都设置为15px：

这是HTML：

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>Coming soon..</title>
    <style>
         h1 {
            font-size: 15px;
         }

         h2 {
            font-size: 15px;
         }
    </style>

<body>
       <h1> Some header.. </h1>
       <h2> Some smaller header </h2>
</body>
</html>

然后我使用标题标记对h1＆amp;组合h2和样式而不是h1＆amp; H2。尽管分配了相同的字体大小，但它们的字体大小会急剧增加：

这是HTML：

<!DOCTYPE html>
<html>
    <head>
    <meta charset="utf-8">
    <title>Coming soon..</title>
    <style>
         header{      
             font-size: 15px; 
         }
    </style>

<body>
    <header>
       <h1> Some header.. </h1>
       <h2> Some smaller header </h2>
    </header>
</body>
</html>

我可以通过包含h1和h2以及标题的规则轻松覆盖这些问题，但我只想知道为什么标题字体大小：15px大于h1字体大小：15px？

标题样式不适用于h1＆amp; h2 - 我为标题字体大小尝试了各种像素值，它总是改变它们的字体大小，但与h1 / h2相比似乎有所放大。就像它的默认值的两倍。

我已经阅读了标题标签上找到的所有内容，但无法找到答案！

HTML5标头标签默认字体大小

0 个答案: