Visionneuse de réinitialisation CSS Affichez et comparez les feuilles de style de réinitialisation et de normalisation CSS populaires.

Les resets CSS se divisent en deux catégories : les réinitialisations complètes et les normaliseurs. Les réinitialisations complètes (comme Meyer Reset) suppriment tous les styles par défaut - marges, remplissage, tailles de police, styles de liste, etc. - créant ainsi une page blanche. Cela nécessite plus de CSS pour rétablir les styles souhaités, mais élimine toutes les incohérences des navigateurs. Les normaliseurs (comme Normalize.css) préservent les valeurs par défaut utiles tout en corrigeant les incohérences connues entre les navigateurs. Ils sont moins agressifs, nécessitant moins de CSS supplémentaire. Les resets modernes (comme celui d'Andy Bell) occupent une position intermédiaire : ils appliquent box-sizing: border-box universellement, suppriment les marges, définissent la hauteur de ligne sur le corps, rendent les images réactives et isolent les contextes d'empilement. Tailwind Preflight s'appuie sur Normalize.css avec des réinitialisations avisées adaptées au développement utility-first - il supprime les tailles de titre par défaut et les styles de liste puisqu'ils seront appliqués via des classes utilitaires. Le choix dépend de votre approche de développement et du niveau de style par défaut que vous souhaitez préserver.