web-dev-qa-db-fra.com

Comment faire pour supprimer l'audace d'un titre?

J'ai un titre:

<h1>THIS IS A HEADLINE</h1>

Comment puis-je faire la phrase "THIS IS ..." pour ne pas être audacieux et le reste sans changement? impossible de trouver une balise pertinente dans text-decoration.

cssxhtml
67
Asher Saban

Le titre a l'air gras en raison de sa taille importante . Si vous avez appliqué du gras ou si vous voulez changer de comportement, vous pouvez faire:

h1 { font-weight:normal; }

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

117
Sarfraz

Essayez font-weight:normal;

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

Mais assurez-vous que h1 est marqué avec

font-weight:normal;

Vous pouvez également définir le style avec un attribut id ou class.

9
matzino

Vous voulez font-weight , pas une décoration de texte (avec un balisage supplémentaire approprié, tel que <em> ou <span>, vous pouvez donc appliquer un style différent à différentes parties de l'en-tête)

5
Quentin

le style est donc vis css. Un exemple

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

car "ICI" n'est pas gras - ajoutez <span></span> autour du texte

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

et avec style

h1 span{font-weight:normal}
1
radiant

vous pouvez simplement faire comme ça dans la partie html:

<span>Heading Text</span>

et dans le css vous pouvez le transformer en bloc h1 en utilisant display:

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

vous l'obtiendrez comme un h1 sans gras,
si vous le voulez en gras, ajoutez ceci au 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; }

Je ne sais pas si c'était juste pour nous montrer, mais en passant, vous devriez toujours définir le texte en majuscule avec CSS :)

1
Matt Fletcher

Vous pouvez utiliser font-weight:100 Ou plus léger: cela fonctionne avec ie Opera à partir de 16 ans, mais je ne sais pas pourquoi les balises h1 Dans Firefox sont plus audacieuses, Pardon.

0
yusef