DébutantNon commencé

Exercice 4.6 · 10 min · 0 tentative

Défi : la carte du café de la gare

🎯 Objectif

Le grand final du module : écrire toute une feuille de style, seul, avec les trois familles de sélecteurs.

📝 Consigne

Tu te souviens du tableau des tarifs du module 2 ? Le patron a rappelé : il veut une vraie carte.

Le HTML est figé — tu n'y touches pas. Regarde-le quand même : la classe prix et l'id promo sont déjà posés, ils t'attendent. Dans l'onglet CSS, cinq règles à écrire :

  1. Le fond de toute la page en lightyellow — vise le corps de la page
  2. Le nom du café (le titre principal) : texte en darkgreen
  3. Les deux en-têtes du tableau <th> : fond en gold
  4. Les trois cellules marquées de la classe prix : texte en darkgreen
  5. La pièce unique d'id promo : fond en hotpink

♿ Les couleurs ne sont pas prises au hasard : l'or et le rose servent de fonds sous un texte foncé, le vert foncé sert de texte sur les fonds clairs. Retiens le réflexe : couleur vive et claire en fond, couleur foncée en texte.

Résultat attendu

Une carte lisible :

  • fond jaune pâle sur toute la page
  • le nom du café en vert
  • les en-têtes du tableau surlignés en or
  • les trois prix en vert
  • l'offre du jour sur son bandeau rose 🎉

Ce qui est vérifié

  • Peindre le fond de la page
  • Colorer le titre de la carte
  • Peindre les en-têtes du tableau
  • Écrire une règle de classe pour les prix
  • Colorer les prix en vert
  • Écrire une règle d'id pour l'offre du jour
  • Mettre l'offre du jour en avant
  • Terminer chaque 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é