La bonne taille

🎯 Objectif

Régler la taille des caractères avec font-size et créer une hiérarchie : ce qui compte se voit en premier.

📖 Exemple

L'affiche du concert n'a qu'un seul réglage, et il change tout :

<h2>Concert sous les étoiles</h2>
<p>Samedi dès 19 h, sur la place du village.</p>

h2 {
  font-size: 28px;
}

Pourquoi 28 ? Une taille s'écrit nombre + unité, collés — avec un espace au milieu, la déclaration est ignorée, en silence. Et 28 pixels, c'est presque le double du texte courant (16 px par défaut) : l'œil sait qui commande avant même de lire. C'est ça, la hiérarchie visuelle.

♿ À retenir pour plus tard : une taille en px ignore le réglage « agrandir le texte » du navigateur, vital pour les personnes malvoyantes. L'unité rem, elle, le respecte : 1 rem vaut la taille de base choisie par la personne. On garde les pixels dans ce module parce qu'ils se voient bien — mais retiens le mot rem pour tes vrais projets.

📝 Consigne

Le blog de Lou mérite mieux que les tailles par défaut. Le HTML est fourni ; dans l'onglet CSS, écris deux règles :

1. Une règle sur le sélecteur h1 : la propriété font-size à 40px — le titre du blog
2. Une règle sur le sélecteur p : la même propriété à 20px — le corps du texte