Pièges rencontrés par CSS - paramètres de style par défaut du navigateur

Aujourd'hui, j'ai écrit un style CSS qui utilisait la balise

. Après avoir défini une série d'effets, je l'ai exécuté et j'ai constaté que la position était différente des paramètres. Ouvrez l'élément de vérification sur Chrome et constatez que le paragraphe suivant est ajouté en bas des styles de la balise
 :

ul, menu, dir {

display: block;

liste- style-type : disque ;

-webkit-margin-before : 1em;

-webkit-margin-after : 1em;

-webkit-margin-start : 0px ;

-webkit-margin-end : 0px;

-webkit-padding-start : 40px;

} La source affichée ensuite à

est : feuille de style de l'agent utilisateur

Après avoir vérifié le html et le css, j'ai constaté qu'il n'y avait pas de paramètres spéciaux et que les paramètres standard sont également définis dans l'en-tête html . Après avoir recherché "feuille de style de l'agent utilisateur" sur Baidu, j'ai découvert que le navigateur dispose de paramètres CSS par défaut correspondants pour différents éléments HTML.

Solution :

1. Une méthode relativement simple : définir un style générique au début du fichier CSS, tel que *{margin:0px;padding:0px;}, en écrasant le navigateur. Paramètres par défaut ;

2. Une méthode plus compliquée : comprenez les paramètres par défaut de plusieurs navigateurs courants, puis écrivez un fichier CSS séparé et écrivez-y tous les styles qui doivent être corrigés. Vous pouvez l'utiliser quand. faire des projets dans le futur partagés.

J'en ajouterai d'autres lorsque j'aurai le temps d'en savoir plus sur ce problème à l'avenir.

Pour plus de pièges rencontrés dans CSS - paramètres de style par défaut du navigateur, veuillez faire attention au site Web PHP chinois pour les articles connexes !