Graisse de la police

Fait partie de la section Style avec CSS du Journey HTML de Coddy. Leçon 20 sur 76.

En CSS, la propriété font-weight est utilisée pour contrôler le degré de gras ou l’épaisseur du texte au sein d’un élément HTML.

Les valeurs numériques courantes pour font-weight incluent :

100: Fin
200: Extra-léger
300: Léger

400: Normal
500: Médium
600: Semi-gras

700: Gras
800: Extra gras
900: Noir

Les valeurs de mots-clés courantes pour font-weight incluent :

normal: Équivalent à 400
bold: Équivalent à 700

lighter: Spécifie une graisse plus légère que celle de l'élément parent
bolder: Spécifie une graisse plus épaisse que celle de l'élément parent

Par exemple :

p {
    font-weight: normal;
}

h1 {
    font-weight: 700;
}

.highlight {
    font-weight: bold;
}

Défi

Facile

On vous donne un document HTML avec un titre (<h1>), un paragraphe (<p>) et une division (<div>). Votre tâche consiste à utiliser la propriété font-weight pour styliser ces éléments. Suivez les étapes ci-dessous :

Écrivez une règle CSS qui cible l'élément <h1>. Définissez le font-weight sur 900.
Écrivez une règle CSS qui cible l'élément <p>. Définissez le font-weight sur lighter.
Écrivez une règle CSS qui cible l'élément <div>. Définissez le font-weight sur 600.

Essayez vous-même

<html>
<head>
    <title>Font Weight</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>