【问题标题】:CSS font-weight issue in body tag正文标签中的 CSS 字体粗细问题
【发布时间】:2012-03-11 16:26:39
【问题描述】:

我的 font-weight 属性一直有一个小问题,当我将它放入 body 标记时,它似乎不起作用。(我的 HTML 中有一个

标记,但我没有'不想要粗体)。当然,如果我将 font-weight:normal; 属性放在“ * ”中,它会起作用。但是当我离开身体时它不会。我知道我可以只使用 h1 标签并将字体属性放在那里,但我很好奇它为什么不适合我。

谢谢,这是我的 CSS 代码。

* {
margin:0px;
padding:0px;


}
body {
background-color: #DCDBD9;
color: #2C2C2C;
font-weight:normal; /*this doesn't seem to work*/
font-size:100%;
font-family: Cambria, Georgia, sans-serif;
}

【问题讨论】:

  • 如果您没有明确覆盖 H1 标签的默认样式,浏览器将使用默认选项呈现 H1。
  • h1font-weightbodyfont-weight 更具体。如果您想覆盖 h1font-weight,请将 h1{font-weight:normal;} 添加到您的 CSS。

标签: html css fonts


【解决方案1】:
  • * 选择器会显式地将font-weight 设置为每个单独的元素,从而覆盖h1 的默认font-weight:bold

  • font-weight:normal 设置为body 不会改变任何事情,因为body 的默认font-weight 值是正常的。

  • body 上的 font-weight 属性不会被具有浏览器默认字体粗细(例如 <h1><strong> 标记)的子级继承。

【讨论】:

  • 非常感谢,我不知道* 选择器会为每个单独的元素设置属性。现在我知道了。
【解决方案2】:

为什么不把font-weight:normal 放在CSS 的h1 部分?

【讨论】:

  • @MatthewGreen OP 在他的问题中提到了以下内容:我知道我可以只使用 h1 标签并将字体属性放在那里,但我很好奇为什么它不是为我工作。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-02-02
  • 2012-04-20
  • 2021-12-10
  • 2020-12-23
  • 2011-04-27
相关资源
最近更新 更多