Maison > interface Web > tutoriel HTML > Quelle est la différence entre classe et identifiant ?

Quelle est la différence entre classe et identifiant ?

php中世界最好的语言
Libérer: 2017-11-22 16:17:48
original
5924 Les gens l'ont consulté

Quelle est la différence entre

id et class ? Que signifie la pièce d'identité ? Que veut dire classe ? Aujourd'hui, nous allons vous présenter ces deux concepts faciles à confondre

Vous pouvez voir l'utilisation de l'identifiant et de la classe dans div, span, p tag, h1, h2 et d'autres balises id et class sont des balises très couramment utilisées<.>Propriétés.

<div id="header"></div> 
<div class="menu"></div>
Copier après la connexion
Ce qui précède est ce que nous voyons souvent l'identifiant et la classe existant dans les balises div. "En-tête" et "menu" sont des noms CSS personnalisés. (Faites attention au cas de la dénomination CSS, et ne nommez pas les CSS en commençant par un chiffre)

Explication sur l'utilisation de l'identifiant et de la classe

1 Différences d'utilisation

id est unique dans une page Web. Le même nom ne peut être utilisé qu'une seule fois ; les classes nommées

class peuvent être utilisées un nombre incalculable de fois dans une page Web.

2. Différences en CSS

l'identifiant dans le code CSS est une classe nommée commençant par le signe dièse "#"

la classe est nommée par "." avec des points minuscules

Que signifient l'identifiant et la classe

L'identifiant et la classe peuvent être utilisés dans n'importe quelle balise d'une page Web ? Généralement, les identifiants sont utilisés pour les pièces plus importantes et les boîtes spéciales, tandis que les classes sont utilisées pour les petites pièces sans importance ou les petites structures. id appelle le sélecteur de style nommé avec le signe dièse "#" en CSS, et class appelle le sélecteur de style nommé avec "." Point anglais demi-largeur minuscule en CSS.

Je crois qu'à travers cet article, chacun devrait avoir une profonde impression de ses différences. Pour un contenu plus passionnant, veuillez prêter attention au site Web chinois php

autres

articles liés ! Lecture connexe :

Qu'est-ce que le pseudo-statique


Comment afficher le code source de pages Web HTML


Effet de barrage de texte HTML5

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:
source:php.cn
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