6. Construire une taille de titre fluide

Objectifs de la leçon

• Encadre une valeur fluide entre une borne minimale et une borne maximale.
• Appliquer font-size au bon périmètre.
• Conserver toutes les décisions CSS 00 et CSS 01.

Modèle de boîte

Observe d'abord la largeur disponible, la bordure et la zone réellement occupée par le contenu.

Modifie une seule relation à la fois pour distinguer taille, espace intérieur et espace extérieur.

Texte réel

Relis la carte avec plusieurs lignes et un identifiant sans espace.

Une valeur robuste doit rester utile quand la taille du viewport ou du texte change.

Preuve

Inspecte la valeur calculée plutôt que de juger seulement l'apparence.

Compare 375 px et desktop sans supprimer les règles certifiées des modules précédents.

Vocabulaire lié

• font-size — Propriété travaillée avec la valeur clamp(2rem, 5vw, 3.5rem).
• mesure — Longueur confortable d'une ligne de texte.
• contenu extrême — Mot, URL ou identifiant plus long que le cas habituel.

Validation

• Je distingue la zone modifiée.
• Je conserve les règles cumulatives.
• Je vérifie contenu long et petite largeur.