DébutantNon commencé

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 :

  1. Écris une règle qui vise le titre <h1> — le sélecteur porte le nom de la balise, sans les chevrons
  2. À l'intérieur, la propriété color avec 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)

Indices (0/3)

Indice 1 verrouillé
Indice 2 verrouillé
Indice 3 verrouillé