Qu'est-ce qu'une classe CSS
La classe CSS est le lecteur clé pour ajouter plusieurs propriétés à un élément ou à toute la page Web. Gardant à la vue de l'importance de la classe CSS, cet article vise à fournir un aperçu de la classe CSS avec les résultats d'apprentissage suivants:
- Qu'est-ce qu'une classe CSS
- Comment utiliser plusieurs classes sur une seule balise HTML
- Classe CSS pour une balise HTML spécifique
Qu'est-ce qu'une classe CSS
Dans CSS, la classe est utilisée pour définir un ensemble de propriétés pour appliquer les propriétés CSS en vrac. Une classe peut être utilisée par plusieurs balises HTML à la fois, ce qui signifie que nous n'avons pas besoin d'écrire les mêmes propriétés CSS dans notre code HTML plusieurs fois, utilisez simplement la classe à la place. Une classe est définie avec le groupe de propriétés CSS. La syntaxe générale de la classe CSS est fournie ci-dessous:
.nom du coursPropriétés CSS
Dans CSS, un point (.) est utilisé pour définir un nom de classe et les propriétés CSS sont ensuite enfermées en accolades bouclées.
Comment créer une classe CSS
Principalement, la classe CSS est utilisée pour enfermer un ensemble de propriétés CSS, puis appliquer ces propriétés en appelant la classe. Le code suivant explique comment les classes CSS sont créées.
Classe CSS
Ceci est le premier paragraphe pour le tutoriel de classe
Ceci est le deuxième paragraphe du tutoriel de classe
Dans l'exemple ci-dessus, nous créons trois classes CSS, récipient, centre et couleur. Ces classes sont appliquées sur le ,
, et
Tags respectivement.
Sortir
Dans la classe de conteneurs de sortie ci-dessus, spécifie la hauteur et la largeur du conteneur, posez également une bordure tandis que la classe de couleur modifie la couleur de la police et la classe centrale aligne le texte au centre.
Comment utiliser plusieurs classes sur un seul htmltag
Dans CSS, nous pouvons utiliser plusieurs classes sur une seule balise HTML qui aide à styliser HTML plus efficacement. L'exemple suivant démontre ce concept mieux.
Classe CSS
Ceci est le premier paragraphe pour le tutoriel de classe
Ceci est le deuxième paragraphe du tutoriel de classe
Ceci est le troisième paragraphe du tutoriel de classe
Dans le code ci-dessus, cinq classes CSS sont créées. Le récipient La classe est appliquée sur la balise, tandis que les autres classes sont appliquées sur le
Mots clés. De plus, quatre classes CSS différentes sont appliquées sur un seul
Tag (dernier
Sortir
Dans la sortie ci-dessus, le troisième paragraphe est affiché avec l'application de plusieurs classes CSS à la fois.
Comment utiliser des classes en HTML
Nous pouvons également spécifier une classe CSS pour une balise HTML spécifique. Ce type de classe est utile lorsque nous voulons appliquer le même style sur une balise spécifique à chaque fois qu'il est utilisé. L'exemple suivant vous aide à mieux comprendre.
Exemple
Classe CSS
Ceci est le premier paragraphe est écrit dans la balise Span
Ceci est le deuxième paragraphe du tutoriel de classe
Ceci est le troisième paragraphe du tutoriel de classe
Dans cet exemple, nous avons créé une classe de couleurs spécifiquement pour étiqueter et l'a appliqué sur Tag ainsi que .
Sortir
La sortie ci-dessus montre clairement que la classe de couleurs a fonctionné uniquement sur Conclusion Dans CSS, la classe est un attribut qui est utilisé pour appliquer plusieurs propriétés CSS sur les balises HTML. Une seule classe CSS peut être appliquée sur plusieurs balises HTML et vice versa. Le point (.) le symbole identifie une classe CSS. Dans cet article, nous avons appris les classes CSS, comment utiliser plusieurs classes CSS sur une balise HTML unique et une classe CSS pour HTMLTAG spécifique. La même classe CSS peut également être utilisée par plusieurs balises à la fois.