css标题垂直空间

Question

我正在尝试使用CSS / margin-top在H3标题之前添加一些额外的垂直空间，但它绝对没有效果。任何建议将不胜感激。相关的CSS如下：

h3{
  color:blue;
  text-align:left;
  font-size:26px;
  font-weight:bold;
  margin-top:24px <!-- Add vertical space: -->
}

该文件的网址如下：http://phillipmfeldman.org/English/index.html

Answer 1

我刚进入网站，打开调试chrome工具，找到了一个H3标题，从H3 css中删除了<!-- Add vertical space: -->，它完美运行......不确定这里有什么不对。

Answer 2

您的CSS margin-top规则未被使用，因为CSS注释结构不同。 <!-- some comment-->被视为规则的无效值。请改用以下内容。

h3{
  color:blue;
  text-align:left;
  font-size:26px;
  font-weight:bold;
  margin-top:24px;/*Add vertical space*/
}

此外，请始终记得在 mauzy_broadway 指出时添加一个分号。

Answer 3

它无法正常工作的原因是因为您使用的是HTML注释而不是CSS注释，就像/* comment here */一样。

删除评论，规则应该适用。

Answer 4

在24px之后添加分号，评论将其抛弃。