如何从标题中删除粗体？

76

我有一个标题：

<h1>THIS IS A HEADLINE</h1>

我如何使“这就是...”这个短语不大胆，其余的都保持不变？在文本装饰中找不到任何相关事件标签。

css xhtml

— 阿舍·萨班（Asher Saban）
source

133

该标题因其尺寸较大而显得粗体，如果您已将其应用为粗体或想要更改其行为，则可以执行以下操作：

h1 { font-weight:normal; }

— 萨夫拉兹
source

1

我很确定在某些浏览器中标题会自动变为粗体。如果您要使用非粗体标题，建议您font-weight:normal; 始终添加。

— Yellos 2012年

15

尝试 font-weight:normal;

h1 {
    font-weight: normal;
}

— 雅庄
source

9

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

但是请确保将h1标记为

font-weight:normal;

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

— 马齐诺
source

5

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

— 昆汀
source

3

样式因此相对于CSS。一个例子

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

— 格雷姆·利菲尔德
source

1

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

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

我不确定这是否只是为了向我们展示，但是作为一个附带说明，您应该始终使用CSS设置大写文本：）

— 马特·弗莱彻
source

1

为了使“此为”不要大胆-<span></span>在文本周围添加

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

和风格

h1 span{font-weight:normal}

— 辐射的
source

1

您可以在html部分中简单地做到这一点：

<span>Heading Text</span>

在CSS中，您可以使用display将其设为h1块：

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

您将其获得为不带粗体的h1，
如果您希望将其加粗，只需将其添加到CSS中即可：

font-weight:bold;

— 神奇的微笑
source

1

您可以使用font-weight:100或更轻便的工具：它可以在Opera 16及更高版本上使用，但是我不知道为什么h1Firefox中的标签会更粗体，抱歉。

— 尤塞夫
source