web-dev-qa-db-ja.com

見出しから太字を削除する方法?

私は見出しがあります:

<h1>THIS IS A HEADLINE</h1>

「これは...」というフレーズを太字にせず、残りを変更せずに作成するにはどうすればよいですか? text-decorationに関連タグが見つかりませんでした。

67
Asher Saban

見出しは大きいサイズのため太字に見えます。太字を適用した場合、または動作を変更したい場合は、次のようにできます。

h1 { font-weight:normal; }

詳細: http://www.w3.org/TR/css3-fonts/#font-weight-prop

117
Sarfraz

font-weight:normal;を試してください

h1 {
    font-weight: normal;
}
14
Ya Zhuang
<h1><span style="font-weight:bold;">THIS IS</span> A HEADLINE</h1>

ただし、h1には必ず

font-weight:normal;

Id属性またはclass属性を使用してスタイルを設定することもできます。

9
matzino

font-weight で、テキスト装飾ではなく(<em><span>などの適切な追加マークアップとともに、見出しのさまざまな部分に異なるスタイルを適用できます) )

5
Quentin

スタイルはそれに応じてCSSです。例

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

「これは」が太字ではない-テキストの周りに<span></span>を追加する

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

そしてスタイルで

h1 span{font-weight:normal}
1
radiant

html部分でそのようにすることができます。

<span>Heading Text</span>

cssでは、displayを使用してh1ブロックとして作成できます。

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

太字のないh1として取得します。
太字にする場合は、これをcssに追加します。

font-weight:bold;
1
magic smile
<h1><span>This is</span> a Headline</h1>

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

それが私たちを見せるためだけのものであったかどうかはわかりませんが、副次的な注意として、常にCSSで大文字のテキストを設定する必要があります:)

1
Matt Fletcher

font-weight:100またはそれより軽いものを使用できます。これはOpera 16以前で動作していますが、Firefoxのh1タグが太字である理由はわかりません。

0
yusef