Quels fichiers sont respectivement normalisés et réinitialisés CSS ? Quelle est la différence ?

La différence entre normaliser et réinitialiser CSS :

Normalize.css n'est qu'un petit fichier CSS Comparé à la réinitialisation CSS traditionnelle, Normalize.css est une alternative moderne préparée pour la qualité HTML5. En d’autres termes, Normalize.css est une alternative à la réinitialisation CSS.

Normalize.css protège les valeurs par défaut précieuses

la réinitialisation force les éléments à avoir le même effet visuel en appliquant des styles par défaut à presque tous les éléments. En revanche, Normalize.css conserve de nombreux styles de navigateur ennuyeux. Cela signifie que vous n’avez plus besoin de relooker tous les éléments typographiques courants. Lorsqu'un élément a des valeurs par défaut différentes dans différents navigateurs, Normalize.css s'efforce de garder ces styles cohérents et conformes autant que possible aux normes modernes.

Normalize.css corrige les bugs du navigateur

Il corrige les bugs courants des navigateurs de bureau et mobiles. Cela dépasse souvent ce que Reset peut faire. À cet égard, les problèmes résolus par Normalize.css incluent les paramètres d'affichage des éléments HTML5, les problèmes de taille de police avec le texte préformaté, le débordement SVG dans IE9 et de nombreux problèmes liés aux formulaires qui apparaissent dans divers navigateurs et systèmes d'exploitation.

Normalize.css n'encombrera pas vos outils de débogage

La partie la plus gênante de l'utilisation de Reset est la grande chaîne d'héritage dans les outils de débogage du navigateur, qui n'existe pas dans Normalize.css. C'est un problème car dans nos directives nous utilisons plusieurs sélecteurs avec parcimonie et nous stylisons uniquement délibérément l'élément cible.

Normalize.css est modulaire

Ce projet a été divisé en plusieurs parties liées mais indépendantes, ce qui vous permet de savoir facilement et clairement quels éléments sont définis sur des valeurs spécifiques. Cela vous permet de supprimer de manière sélective des parties de votre application que vous n'utiliserez jamais (comme la généralisation des formulaires).

Normalize.css a une documentation détaillée

Le code de Normalize.css est basé sur des recherches et des tests détaillés et complets sur plusieurs navigateurs. Des descriptions détaillées du code se trouvent dans ce fichier et sont expliquées plus en détail dans le wiki Github. Cela signifie que vous pouvez découvrir exactement ce que fait chaque ligne de code, pourquoi elle a été écrite, les différences entre les navigateurs, et que vous pouvez plus facilement effectuer vos propres tests.

Apprentissage recommandé : "Tutoriel vidéo CSS"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!