Mets de la couleur

🎯 Objectif

Peindre le fond de la page et la couleur du texte, sans confondre les deux.

📖 Exemple

Une mini-page météo, fond or et titre vert — le code, et ce que le navigateur en fait :

<h1>Météo express</h1>
<p>Grand soleil sur le Jura, 24 degrés.</p>

body {
  background-color: gold;
}

h1 {
  color: darkgreen;
}

Pourquoi deux propriétés ? background-color peint le fond d'un élément, color peint son texte. Et comme le sélecteur body vise le corps entier de la page, son fond couvre tout l'écran.

♿ Retiens la règle du contraste : texte foncé sur fond clair, ou l'inverse. Un texte et un fond trop proches deviennent illisibles — pour une personne malvoyante comme pour toi, dehors au soleil. Dans le doute, fonce ton texte.

📝 Consigne

Le HTML est fourni, tu n'y touches pas. Dans l'onglet CSS, écris deux règles :

1. Une règle qui vise body, avec la propriété background-color et la valeur lightyellow — un jaune pâle ensoleillé
2. Une règle qui vise les paragraphes <p>, avec la propriété color et la valeur darkred — un rouge sombre (presque 10:1 de contraste sur le fond jaune pâle, bien au-dessus du minimum de 4,5:1)