Exercice 4.1 · 5 min · 0 tentative
Ta première règle CSS
🎯 Objectif
Écrire ta première règle CSS et changer la couleur d'un titre.
📖 Exemple
La fiche d'un groupe de rock, avec son sous-titre mis en couleur — le code HTML, la règle CSS, et ce que le navigateur en fait :
<h2>Les Décibels</h2>
<p>Trois copains, deux guitares, un batteur.</p>
h2 {
color: crimson;
}
Pourquoi cette forme ? Une règle CSS commence par un sélecteur — le nom de la balise sans chevrons, ici h2 — qui désigne tous les éléments de ce nom. Les accolades ouvrent le bloc, et dedans vit une déclaration : la propriété color, un deux-points, la valeur, un point-virgule.
⚠️ Le CSS ne râle jamais : un signe oublié, et la règle est simplement ignorée, sans message d'erreur. Quand rien ne change, relis d'abord la ponctuation.
📝 Consigne
Le HTML est déjà écrit : c'est ton terrain de jeu, tu n'y touches pas. Tout se passe dans l'onglet CSS :
- Écris une règle qui vise le titre
<h1>— le sélecteur porte le nom de la balise, sans les chevrons - À l'intérieur, la propriété
coloravec la valeur green — le vert que le CSS connaît par son nom
Résultat attendu
Le titre « Mes recettes » passe du noir au vert. Le paragraphe, lui, ne bouge pas.
Ce qui est vérifié
- Écrire une règle CSS qui vise le titre
- Colorer le titre en vert
- Terminer la déclaration par un point-virgule
- Écrire un code HTML bien formé
- Respecter la structure de la page (doctype, head, body)