Alignement et decoration du texte

Ces propriétés permettent d'affiner la lecture et la présentation des contenus textuels.

h1 { text-align: center; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

• text-align gère l'alignement
• text-decoration gère soulignement et lignes décoratives

Utiliser les décorations avec modération.

Sur les liens, garder un comportement clair au survol améliore la compréhension et l'accessibilité.

A retenir

L'alignement structure la lecture. Les décorations doivent servir l'information, pas distraire l'utilisateur.

Mini pratique

Teste trois variantes d'un lien : normal, hover, focus. Conserve une différence nette entre état standard et état interactif.

Erreurs fréquentes

• appliquer des valeurs sans vérifier l'impact sur mobile
• surcharger la feuille de style au lieu de simplifier les sélecteurs
• corriger un symptôme visuel sans comprendre la cause (cascade, flux ou dimensions)

Checklist rapide

• la règle est-elle lisible et cohérente avec le reste du module ?
• le rendu reste-t-il correct sur petit écran ?
• la solution est-elle maintenable sans !important ?

Mini défi

Reprends l'exemple de cette leçon, retire une règle inutile, et conserve exactement le même rendu visuel.