Maison > interface Web > tutoriel CSS > Que signifie la réinitialisation CSS ?

Que signifie la réinitialisation CSS ?

藏色散人
Libérer: 2020-09-15 15:19:09
original
5288 Les gens l'ont consulté

Que signifie la réinitialisation CSS ?

Les balises HTML ont des styles par défaut dans les navigateurs, par exemple, la balise p a des marges supérieure et inférieure, la balise strong a un style de police gras, etc. Il existe des différences entre les styles par défaut des différents navigateurs. Par exemple, ul a un style d'indentation par défaut. Sous IE, son indentation est implémentée par marge, mais sous Firefox, elle est implémentée par remplissage.

La réinitialisation CSS est désormais une solution très populaire, qui consiste à écraser tous les styles par défaut du navigateur depuis le début. Les styles par défaut du navigateur pendant le développement peuvent nous causer des problèmes de compatibilité entre plusieurs navigateurs, affectant l'efficacité du développement.

Une partie du contenu de la réinitialisation CSS est la suivante

html {color:#000;background:#FFF;}t5
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,
input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select {*font-size:100%;}
legend {color:#000;}
Copier après la connexion

Recommandations associées : "Tutoriel 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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal