Html 在 div 中设置 h1 样式

style h1 inside a div

提问by user2952265

I want to style a h1 headline inside a div, but no matter what I try it always remains bold.

我想在 div 中设置 h1 标题的样式，但无论我尝试什么，它始终保持粗体。

js fiddle

js小提琴

html

html

<div class="header">
<h1> Hello World </h1>

css

css

.header h1{
font-style: normal;
color: grey;
}

采纳答案by álvaro González

font-stylehas nothing to do with bold:

font-style有无关大胆：

The font-style CSS property allows italic or oblique faces to be selected within a font-family.

font-style CSS 属性允许在字体系列中选择斜体或斜面。

You want font-weightinstead:

你想font-weight，而不是：

The font-weight CSS property specifies the weight or boldness of the font. However, some fonts are not available in all weights; some are available only on normal and bold.

font-weight CSS 属性指定字体的粗细。但是，某些字体并非适用于所有粗细；有些仅在正常和粗体上可用。

回答by melancia

You need font-weight:

你需要font-weight：

.header h1{
    color: grey;
    font-weight: normal;
}

Demo: http://jsfiddle.net/h6EtB/2/

演示：http: //jsfiddle.net/h6EtB/2/