DébutantNon commencé

Exercice 6.6 · 10 min · 0 tentative

Défi : la feuille héritée

🎯 Objectif

Le grand oral du module : assainir une feuille héritée — styles inline, doublon, !important — sans rien casser du rendu voulu.

📝 Consigne

L'ancien webmaster du club a légué sa page « Infos pratiques ». Le fond est bon... et tout le reste est à nettoyer, dans les règles de l'art :

  1. Supprime les deux styles inline du HTML — le titre et la ligne des cotisations doivent être servis par la feuille
  2. Supprime la règle au !important (et son commentaire d'époque) : c'est elle qui grisait toute la page
  3. Ajoute la règle du titre : un sélecteur h1, la propriété color, la valeur darkgreen
  4. Garde une seule règle pour les paragraphes — celle du navy
  5. Ne touche ni au fond de la page, ni à la règle .rappel : une fois le !important disparu, elle refonctionne toute seule

Résultat attendu

Fond jaune pâle, titre vert foncé, infos bleu marine et rappel rouge sombre — le même rendu qu'on devine sous le bazar, mais servi par une feuille saine : une règle par cible, zéro inline, zéro force brute.

Ce qui est vérifié

  • Supprimer les styles inline du HTML
  • Bannir le !important
  • Garder une seule règle pour les paragraphes
  • Styler le titre depuis la feuille (darkgreen)
  • Colorer tous les paragraphes ordinaires en navy
  • Laisser le rappel s'afficher en rouge sombre
  • Garder le fond jaune pâle
  • É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é