Html 这些行之间的间距因浏览器而异，且行高不'；我好像没法修好

我的标题（“标题”）和副标题（“副标题”）在不同的浏览器中以不同的垂直间距显示。在Firefox中，它以我想要的方式显示，但在Safari和Chrome中，存在着巨大的差距。！[Safari和Chrome示例][1]

我试过line height属性，但它不能解决任何问题，我试过使用百分比、分数和负数（我不知道负数是否起作用）

这是我的CSS。如果风格不正确，我很抱歉，因为我上个月才开始使用HTML。显然，我的形象也不会出现，所以我希望我能充分描述它

标题{
背景色：白色；
浮动：左；
字体系列：“Arvo”；
字体大小：300%；
填充：0；
位置：相对位置；
排名：0；
宽度：100%；
}
副标题{
背景色：白色；
颜色：#33CC33；
浮动：左；
字体系列：“Josefin Slab”；
字体大小：200%；
填充：0；
位置：相对位置；
最高：7.5%；
宽度：100%；
}

我认为不同的浏览器可能会处理您的打字错误：

字号:300%;

---

不一样。去掉多余的%。

我刚刚意识到出了什么问题，我有点惭愧。将位置设置为“相对”和具有不同的“顶部”值的组合导致了间隙。我仍然不知道为什么在不同的浏览器中显示不同，但似乎是这样。我想我最初把它们设置为“固定”

---

此后，我将标题和副标题的最高值设置为0。

谢谢您的回复。我刚刚回来，意识到我现在把它加进去了。不幸的是，这不是原因。好的，另一件突出的事情是，这个CSS正在寻找元素header和subh，这对我来说似乎是一个错误。应该改为上课吗？在这种情况下，请检查标记并在css名称前面加上句点。例如：。header{…}发布您的HTML，这将帮助我们更快地解决问题。我已经意识到出了什么问题，这很愚蠢。见下面的答案。非常感谢你。我仍然会接受你的建议，现在就去添加句点。我仍然会处理类和div，所以有时我可能会误用它们，我认为这会随着研究和应用而改进。句点表示类选择器，因此只有当元素有类时才会起作用，类似这样：

，但很高兴你解决了问题。