Reset CSS


Réinitialisation de la feuille de style

Pour faire un reset CSS de base, utiliser le code suivant :

1
2
3
4
5
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

Ce code permet de supprimer les marges sur les éléments, et indique au navigateur de prendre en compte la bordure et le remplissage dans la valeur définie pour calculer la hauteur et la largeur d’un élément.

Attention à ne pas supprimer les bordures avec le sélecteur universel. En effet, l’ajout de la valeur border: 0 peut entraîner des effets indésirables, comme le fait de supprimer les bordures sur les contrôles dans les formulaires.

Il existe des reset CSS plus évolués, comme celui de Eric Meyer.

CSS