Cet article présente principalement l'analyse de la différence et de l'utilisation de la classe et de l'identifiant en CSS. Il a une certaine valeur de référence. Maintenant, je le partage avec tout le monde. Les amis dans le besoin peuvent s'y référer
Fabriqué avec p. CSS Dans les pages Web Xhtml, class et id sont souvent utilisés pour choisir d'appeler les attributs de style CSS. Alors, quand devons-nous utiliser class et quand devons-nous utiliser id ? Apprenons-en davantage sur les attributs de base et l'utilisation de CLASS et ID
Nous utilisons généralement Lorsque nous utilisons p CSS pour créer des pages Web Xhtml, la classe et l'identifiant sont souvent utilisés pour sélectionner et appeler les attributs de style CSS. Pour les novices qui apprennent le CSS, la classe et l'identifiant peuvent être vagues. En même temps, ils ne savent pas quand utiliser la classe et quand utiliser l'identifiant, ni quelles sont leur utilisation et leurs restrictions. Apprenons-en ensuite davantage sur les propriétés de base et l’utilisation de CLASS et ID.
La classe est appelée « classe » dans les programmes, et elle est également appelée « classe » dans le langage écrit en CSS. Dans le style CSS, il est nommé avec un "point" et un "." minuscules tels que : .css5{attribute: valeur d'attribut;}, et dans la page html, class="css5" est utilisé pour sélectionner l'appel. CSS est également appelé sélecteur CSS. Par exemple : .css5{attribute : valeur d'attribut ;} Le sélecteur est appelé en HTML comme "
Je suis un exemple de classe
" Si vous ne savez pas comment citer CSS , vous pouvez en apprendre davantage sur la référence CSS.Je suis un exemple d'ID
.<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>p CSS中CLASS与ID实例 - -p+CSS-www.pcss5.com</title> <style> .css5{ width:100px; height:100px; border:1px solid #000; float:left; } .css5_class{ background:#FFF;} /* 背景白色 */ #css5_id{ background:#FF0000;} /* 背景红色 */ </style> </head> <body> <p class="css5 css5_class">我在浏览器下浏览,内容背景将是白色</p> <p class="css5" id="css5_id">我在浏览器下浏览,内容背景将是红色</p> </body> </html>
Analysons ensuite l'exemple ci-dessus : class="css5 css5_class" Pourquoi est-ce comme ça ? Cela équivaut à appeler la classe sélectionnée class css5 et css5_class. class="css5" id="css5_id" Ici, nous choisissons également d'appeler la classe class :css5 et id :css5_id.
Cette page explique respectivement les instances CSS, les classes CLASS et les ID. Je pense que vous serez capable de les comprendre et de les distinguer en profondeur et d'être flexible. Remarque spéciale : faites particulièrement attention à la casse lorsque la dénomination de l'ID et de la classe est très sensible à la casse. Il est préférable de commencer par l'anglais. N'utilisez pas le chinois pour nommer les noms de classe CSS.
Ce qui précède représente l'intégralité du contenu de cet article. J'espère qu'il sera utile à l'étude de chacun. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois !
Recommandations associées :
Comment contrôler l'affichage et le masquage des calques DIV avec CSS
Comment étirer l'arrière-plan image utilisant un remplissage CSS pour éviter un affichage répété
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!