如何从标题中删除粗体？

Question

我有一个标题：

<h1>THIS IS A HEADLINE</h1>

我如何使“这是......”这句话不是大胆的，其余的没有改变？ 在文本装饰中找不到任何相关的标签。

Answer 1

由于大尺寸，标题看起来很粗体，如果您已应用粗体或想要更改行为，则可以执行以下操作：

h1 { font-weight:normal; }

更多：http://www.w3.org/TR/css3-fonts/#font-weight-prop

Answer 2

尝试font-weight:normal;

h1 {
    font-weight: normal;
}

Answer 3

<h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1>

但请确保h1标有

font-weight:normal;

您还可以使用id或class属性设置样式。

Answer 4

您需要font-weight，而不是文本修饰（以及合适的附加标记，例如<em>或<span>，因此您可以将不同的样式应用于标题的不同部分）< / p>

Answer 5

风格因此是相应的。一个例子

<h1 class="mynotsoboldtitle">Im not bold</h1>
<style>
.mynotsoboldtitle { font-weight:normal; }
</style>

Answer 6

<h1><span>This is</span> a Headline</h1>

h1 { font-weight: normal; text-transform: uppercase; }
h1 span { font-weight: bold; }

我不确定它是否只是为了向我们展示，但作为旁注，你应该总是用CSS设置大写文本：）

Answer 7

因为“这就是”不要大胆 - 在文本

周围添加<span></span>

<h1>><span>THIS IS</span> A HEADLINE</h1>

并且风格

h1 span{font-weight:normal}

Answer 8

您可以在html部分中执行此操作：

<span>Heading Text</span>

在css中，您可以使用display：

将其设为h1块

span{
display:block;
font-size:20px;
}

你将把它作为没有粗体的h1，
如果你想要它加粗只需将其添加到css：

font-weight:bold;

Answer 9

您可以使用font-weight:100或更轻：这适用于Opera 16及更早版本，但我不知道为什么Firefox中的h1标签更大胆，抱歉。