Qu'est-ce que le 'reset' CSS?

Le CSS de 'Reset' est un ensemble de styles qui réinitialise les styles par défaut du navigateur pour les éléments HTML. Les navigateurs appliquent des styles par défaut (par exemple, marges, tailles de police, épaisseur des bordures), qui peuvent varier. Le CSS de Reset rend ces styles uniformes, facilitant le développement et assurant la compatibilité entre navigateurs.

Les principales tâches du CSS de Reset :

• Supprimer les marges et paddings par défaut
• Réinitialiser les styles des titres
• Normaliser les styles des listes
• Réinitialiser le style des champs de formulaire
• Définir box-sizing: border-box;, souvent inclus dans les resets modernes pour simplifier le calcul des tailles des éléments.

Exemple d’un fragment simple de CSS de Reset :

/* Réinitialiser marges et paddings par défaut */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* Supprimer les styles par défaut des listes */
ul, ol {
  list-style: none;
}

Il existe différentes implémentations de CSS de Reset, comme le Reset CSS d’Eric Meyer, Normalize.css (qui n’est pas vraiment un reset, mais un "normalisateur" qui conserve les styles utiles tout en les unifiant) ou des solutions plus minimalistes.