html - h1 和 span 元素的奇怪尺寸问题

Question

我有这个代码:

<h1><a href="">Windows Store<br /><span class="smallSubText">apps</span></a></h1>

和:

#windowsStoreApplications {
    float: right;
    width: 50%;

    font-size: 16pt;
    text-align: center;
    height: 182px;

    background-color: #9DCA87;
    border-top: 6px solid #AEDF66;
}


.smallSubText {
    font-size: 16pt;
}

如您所见，h1 和 span 都设置为相同的字体大小 - 这不是我想要的，但我是这样做的，因为我注意到字体大小与它们的方式不匹配应该是。

我将它们设为相同大小以证明它们在代码中的大小相同，但当您运行网站并查看它时 - 它们实际上是不同的大小。

这是由于 h1 元素的某些尺寸怪异吗？

Answer 1

如果#windowsStoreApplications 是一个 div，那么您需要在您的 css 中声明一个#windowsStoreApplications h1{} 标记并使用 font-size:16px 设置元素的样式；那里。否则您没有选择 h1 元素。