Épaisseur du texte en CSS

Dans cette leçon, nous étudierons la propriété font-weight, qui permet de rendre le texte gras ou, au contraire, d'annuler l'épaisseur (par exemple, pour les titres qui sont gras par défaut). Pour rendre le texte gras, il faut spécifier la valeur bold, et pour annuler l'épaisseur - la valeur normal.

Cette propriété fonctionne de manière similaire à la balise b, que nous avons déjà vue. La différence est qu'il est beaucoup plus pratique de gérer l'épaisseur via CSS - on peut, par exemple, forcer tous les paragraphes à devenir gras, et tous les titres - à ne pas l'être, en faisant seulement quelques lignes dans le fichier CSS.

Si je devais faire du gras via la balise b - je devrais entourer le contenu de chaque paragraphe avec cette balise, ce qui serait très coûteux en temps (et si je veux ensuite retirer l'épaisseur aux paragraphes - je devrais retirer toutes ces balises, imaginez, quelle quantité de travail inutile et superflue).

Dans l'exemple suivant, nous allons rendre tous les paragraphes gras, et tous les titres h2 - non gras :

<h2>Title</h2>
<p>
	This is a paragraph with text.
</p>

h2 {
	font-weight: normal;
}
p {
	font-weight: bold;
}

Copiez le code HTML suivant sur votre page :

<table border="1">
	<tr>
		<th>Name</th>
		<th>Surname</th>
		<th>Salary</th>
	</tr>
	<tr>
		<td>John</td>
		<td>Smith</td>
		<td>200$</td>
	</tr>
	<tr>
		<td>Nick</td>
		<td>Mayers</td>
		<td>300$</td>
	</tr>
	<tr>
		<td>Alex</td>
		<td>Jonson</td>
		<td>400$</td>
	</tr>
</table>

Définissez pour la table une largeur de 500px, et une hauteur de 300px. Rendez les cellules td grasses et centrées, et les cellules th - non grasses.