Maison >interface Web >tutoriel CSS >réinitialisation du style CSS

réinitialisation du style CSS

王林
王林avant
2020-10-23 15:51:492424parcourir

réinitialisation du style CSS

Compréhension personnelle de la réinitialisation CSS :

(Tutoriel recommandé : Tutoriel vidéo CSS)

Tout d'abord, je pense Comme moi, les novices du front-end qui n'ont aucun sens de la compréhension des concepts et qui sont facilement confus doivent comprendre deux concepts : CSS Reset et CSS reset (en fait, les concepts sont très similaires, mais il y a quand même des différences) ), sinon je le ferais sachez seulement que le style CSS doit être réinitialisé, mais je ne sais pas pourquoi. Pour quelqu'un comme moi qui a un peu de trouble obsessionnel-compulsif à propos des concepts, ne pas le savoir est vraiment douloureux. (Hahaha, arrête de parler et va droit au but)

En ce qui concerne ma propre compréhension, la feuille de style de réinitialisation CSS peut être divisée en 3 questions suivantes :

(1) Qu'est-ce que Réinitialisation CSS ? Pourquoi utiliser la réinitialisation CSS ?

(2) Pourquoi réinitialiser le CSS ?

D'accord, la question a été posée, et il est temps pour moi de parler de ma propre compréhension : (1) CSS Reset signifie simplement réinitialiser les attributs CSS en fonction des besoins de nos propres pages (un non-sens, bien sûr). bien sûr) Tout le monde le sait ! Mais ce sur quoi je veux me concentrer, c'est la raison de la réinitialisation CSS ~) La réinitialisation CSS est principalement due au fait que les balises HTML ont leurs propres styles par défaut dans les navigateurs, par exemple : les balises p ont des marges supérieure et inférieure, et les balises fortes ont des marges supérieures et inférieures. Polices de style gras, la balise em a un style de police italique. Il existe également des différences entre les styles par défaut des différents navigateurs. Par exemple, ul a un style indenté par défaut. Sous IE, son indentation est réalisée par marge, tandis que sous Firefox, son indentation est réalisée par padding. Lors du changement de page, le style par défaut du navigateur nous cause souvent des problèmes et affecte l'efficacité du développement. La solution est donc de supprimer tous les styles par défaut du navigateur depuis le début, ou plus précisément, de redéfinir le style des étiquettes. "Remplacez" les propriétés CSS par défaut du navigateur. Le plus simple est d’écraser le style par défaut fourni par le navigateur ! Il s'agit d'une réinitialisation CSS.

(2) Concernant la raison pour laquelle vous devez réinitialiser les CSS, ce point doit commencer à partir du navigateur, car différents navigateurs ont des interprétations différentes des balises HTML. La réinitialisation des CSS peut faire apparaître les balises HTML dans différents navigateurs. effet.

Je pense qu'il est nécessaire de poster le code de style de réinitialisation css à ce moment-là, sinon ne serait-il pas inutile de dire des bêtises pendant longtemps ? Après tout, il n'est pas très approprié pour nous d'être verbeux.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer