2011-11-10 6 views
50

私は見出しを持っています:見出しから太字を削除するには?

<h1>THIS IS A HEADLINE</h1> 

どのように私は "THIS IS ..."というフレーズを太字にしないで残りを変更せずに作るのですか? はテキスト装飾で関連タグを見つけることができませんでした。

答えて

89

大きいサイズののため、見出しが太字で表示されます。太字を適用したり、動作を変更したい場合は、次の操作を実行できます。

h1 { font-weight:normal; } 

より:http://www.w3.org/TR/css3-fonts/#font-weight-prop

+0

一部のブラウザの見出しが自動的に太字になることは間違いありません。太字でない見出しが必要な場合は、 'font-weight:normal;' ** **を追加することをお勧めします。 – Yellos

4

あなたは、テキストではなく、装飾

9

(適した追加のマークアップと一緒には、そのようなあなたが見出しの異なる部分に異なるスタイルを適用することができるように<em>または<span>、など)試してみてくださいfont-weightたいfont-weight:normal;

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

しかし、あなたはまた、IDまたはクラス属性でスタイルを設定することができh1は

font-weight:normal; 

でマークされていることを確認してください。

2

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

<h1 class="mynotsoboldtitle">Im not bold</h1> 
<style> 
.mynotsoboldtitle { font-weight:normal; } 
</style> 
0
<h1><span>This is</span> a Headline</h1> 

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

私はそれだけで私たちを示すのためだったかどうかわからないんだけど、サイドノートとして、あなたは常にCSSで大文字のテキストを設定する必要があります:)

0

」について

テキスト

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

周りとスタイルで<span></span>を追加 - これは大胆ではない「IS 10

h1 span{font-weight:normal} 
1

あなたは、単にHTML部分でそのように行うことができます。

<span>Heading Text</span> 

とCSSのディスプレイを使用して、H1ブロックとしてそれを作ることができた:

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

あなたがそれをとして取得しますあなたはそれが大胆なだけCSSに以下を追加したい場合は、太字、
なしH1:

font-weight:bold; 
0

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

関連する問題