Quelle est la différence entre la classe de sélecteur CSS et l'id ? utilisation de l'identifiant et de la classe en HTML

Quelle est la différence entre la classe de sélecteur CSS et l'id ? utilisation de l'identifiant et de la classe en HTML

Chen Weiliangen cours d'exécutionSEO, optimiser le siteOutils de gestionthème.

Bien que j'aie appris quelques connaissances de base en HTML et CSS auparavant, mais je ne l'ai pas utilisé depuis un moment, en particulier l'utilisation de la partie CSS, il est facile d'oublier.

Alors, enregistrez et résumez la différence et l'utilisation de l'ID et de la classe du sélecteur CSS ici :

• l'identifiant correspond à #div
• la classe correspond à .div

La différence entre identifiant et classe

description de l'identifiant

• id est une balise fixe, qui est utilisée pour définir le style plus large dans la page Web, qui est défini sous la forme de #div
• Par exemple : diviser les colonnes, le haut, le corps, le bas, etc...
• Il est utilisé pour définir un élément spécifique, qui ne peut apparaître qu'une seule fois par page et ne peut pas être appelé à plusieurs reprises.

descriptif de la classe

• La classe est un groupe de styles, qui est utilisé pour définir les styles détaillés dans la page Web. Il est défini sous la forme de .div et peut être répété.
• Par exemple : un menu spécifique, une ligne de texte, etc...
• Sur une même page, il peut être appelé de façon répétée par plusieurs éléments

Le sélecteur div lui-même n'a pas de propriétés. En définissant son css, il contrôle certaines mises en page telles que la largeur, la hauteur, la couleur de fond et la taille du texte du div.

GénéralE-commercesite Internet,créer un site WebLa page Web html générée par le programme est implémentée par CSS pour réaliser la mise en page.

Qu'est-ce qu'un sélecteur ?

La définition de chaque style CSS se compose de 2 parties :

选择器 {样式}

• La partie avant le {} est le "sélecteur".
• Le "sélecteur" indique le "style" de {} sur lequel il agit.
• C'est-à-dire sur quel élément de la page Web ce "style" fonctionne-t-il ?

exemple de code

Voici comment sélectionner et styliser un élément class="sidebar" :

.sidebar
{ 
background-color:black;
}

Voici comment sélectionner et styliser un élément avec id="footer":

#footer
{ 
background-color:black;
}