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

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

Oct 26, 2021 pm 05:22 PM
css3

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code) Comment obtenir un effet de vague avec du CSS3 pur ? (exemple de code) Jun 28, 2022 pm 01:39 PM

Comment obtenir un effet de vague avec du CSS3 pur ? Cet article vous présentera comment utiliser l'animation SVG et CSS pour créer des effets de vagues. J'espère que cela vous sera utile !

Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code) Utilisez habilement CSS pour réaliser divers boutons de forme étrange (avec code) Jul 19, 2022 am 11:28 AM

Cet article va vous montrer comment utiliser CSS pour réaliser facilement divers boutons aux formes étranges qui apparaissent fréquemment. J'espère que cela vous sera utile !

Comment masquer des éléments en CSS sans prendre de place Comment masquer des éléments en CSS sans prendre de place Jun 01, 2022 pm 07:15 PM

Deux méthodes : 1. À l'aide de l'attribut display, ajoutez simplement le style "display:none;" à l'élément. 2. Utilisez les attributs position et top pour définir le positionnement absolu de l'élément afin de masquer l'élément. Ajoutez simplement le style "position:absolute;top:-9999px;" à l'élément.

Comment implémenter des bordures en dentelle en CSS3 Comment implémenter des bordures en dentelle en CSS3 Sep 16, 2022 pm 07:11 PM

En CSS, vous pouvez utiliser l'attribut border-image pour réaliser une bordure en dentelle. L'attribut border-image peut utiliser des images pour créer des bordures, c'est-à-dire ajouter une image d'arrière-plan à la bordure. Il vous suffit de spécifier l'image d'arrière-plan comme style de dentelle ; largeur de la bordure de l'image vers l'intérieur. Indique si le début est répété ;".

Comment agrandir l'image en cliquant sur la souris en CSS3 Comment agrandir l'image en cliquant sur la souris en CSS3 Apr 25, 2022 pm 04:52 PM

Méthode d'implémentation : 1. Utilisez le sélecteur ":active" pour sélectionner l'état du clic de la souris sur l'image ; 2. Utilisez l'attribut de transformation et la fonction scale() pour obtenir l'effet d'agrandissement de l'image, la syntaxe "img:active {transform : échelle (grossissement de l'axe x, grossissement de l'axe y);}".

Il s'avère que le carrousel de texte et le carrousel d'images peuvent également être réalisés en utilisant du CSS pur ! Il s'avère que le carrousel de texte et le carrousel d'images peuvent également être réalisés en utilisant du CSS pur ! Jun 10, 2022 pm 01:00 PM

Comment créer un carrousel de texte et un carrousel d'images ? La première chose à laquelle tout le monde pense est de savoir s'il faut utiliser js. En fait, le carrousel de texte et le carrousel d'images peuvent également être réalisés en utilisant du CSS pur. Jetons un coup d'œil à la méthode d'implémentation.

Comment définir la vitesse de rotation de l'animation en CSS3 Comment définir la vitesse de rotation de l'animation en CSS3 Apr 28, 2022 pm 04:32 PM

En CSS3, vous pouvez utiliser l'attribut "animation-timing-function" pour définir la vitesse de rotation de l'animation. Cet attribut est utilisé pour spécifier comment l'animation terminera un cycle et définir la courbe de vitesse de l'animation. La syntaxe est "element {. fonction de synchronisation d'animation : valeur de l'attribut de vitesse ;}".

L'effet d'animation CSS3 a-t-il une déformation ? L'effet d'animation CSS3 a-t-il une déformation ? Apr 28, 2022 pm 02:20 PM

L'effet d'animation en CSS3 a une déformation ; vous pouvez utiliser "animation : attribut d'animation @keyframes ..{..{transform : attribut de transformation}}" pour obtenir un effet d'animation de déformation. L'attribut d'animation est utilisé pour définir le style d'animation et le. L'attribut transform est utilisé pour définir le style de déformation.

See all articles