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元素。

Answer 2

首先，如果你没有为你的h1（以及其余的）声明一个字体大小，browser defaults will be implemented的大小不一。

其次，should not使用pt作为您的尺寸，您应该使用px，em或%。

#windowsStoreApplications h1 {
font-size:16pt; /* or preffered unit */
}

h1和span元素的奇怪的大小问题

2 个答案: