Maison >interface Web >tutoriel CSS >La différence entre la classe et l'ID, la différence entre la marge et le remplissage Notes d'étude CSS_Échange d'expériences

La différence entre la classe et l'ID, la différence entre la marge et le remplissage Notes d'étude CSS_Échange d'expériences

PHP中文网
PHP中文网original
2016-05-16 12:06:341856parcourir

La différence entre Class et ID, la différence entre margin et padding, notes d'étude CSS_Experience Exchange

Puisque 99,99 % des CMS utilisent désormais p+css pour créer des modèles de pages Web, je Je suis obligé de n'avoir d'autre choix que d'apprendre le CSS à un âge avancé. Pour être honnête, je ne pense pas qu'utiliser p pour la mise en page soit mieux que table ! Mais en raison de la situation actuelle, mordons la balle et voyons tout ce que nous pouvons apprendre.
Selon le principe de séparation des données et de la structure, il est préférable que CSS soit indépendant des fichiers de page Web. Utilisez l'instruction

<link rel="stylesheet" type="text/css" href="../xxx/web.css" />

pour transférer des fichiers CSS dans des fichiers de page Web. Il n'est pas recommandé d'écrire du code CSS directement dans les fichiers de pages Web. Les avantages de ceci sont qu’il est facile à modifier et qu’il est convivial pour les moteurs de recherche, de sorte que les robots des moteurs de recherche peuvent l’explorer facilement.


attributs de marge et de remplissage
les attributs de marge et de remplissage peuvent être simplement compris comme la marge extérieure et la marge intérieure de l'élément :

margin-top, 
margin-right, 
margin-bottom, 
margin-left, 
padding-top, 
padding-right, 
padding-bottom and padding-left

La différence entre Classe et ID
Pour faire simple, un nom d'ID ne peut apparaître qu'une seule fois dans une page, tandis que CLASS peut apparaître plusieurs fois. Bien sûr, si un nom d'ID apparaît deux fois dans une page. , l'apparence de la page ci-contre va changer. Mais quel est l'impact ? C'est juste qu'elle n'est pas conforme aux spécifications W3. Les éléments uniques, ou les éléments qui nécessitent un programme ou un contrôle JS, doivent être définis avec id ; les éléments réutilisés sont définis avec class.

Ce qui précède est la différence entre Class et ID, la différence entre margin et padding, le contenu d'échange CSS Study notes_experience, pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. cn) !


Déclaration:
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