Maison  >  Article  >  interface Web  >  Qu'est-ce que la classe CSS

Qu'est-ce que la classe CSS

藏色散人
藏色散人original
2020-12-24 09:37:244169parcourir

La classe CSS est le sélecteur de classe de CSS, c'est-à-dire le sélecteur de classe ; le sélecteur de classe vous permet de spécifier des styles d'une manière indépendante des éléments du document. Il est utilisé pour décrire le style d'un groupe. d'éléments et peut être utilisé dans plusieurs éléments ; ce sélecteur peut être utilisé seul ou en combinaison avec d'autres éléments.

Qu'est-ce que la classe CSS

L'environnement d'exploitation de cet article : système Windows 10, CSS 3, ordinateur thinkpad t480.

Recommandé : "Tutoriel vidéo CSS"

La classe CSS fait référence au sélecteur de classe CSS, qui permet de sélectionner des éléments de manière indépendante de l'élément du document. Spécifiez le style.

Sélecteur de classe CSS

Le sélecteur de classe vous permet de spécifier des styles de manière indépendante des éléments du document et est utilisé pour décrire le style d'un groupe d'éléments , peut être utilisé dans plusieurs éléments.

Ce sélecteur peut être utilisé seul ou en combinaison avec d'autres éléments.

Pour appliquer des styles quel que soit l'élément de conception spécifique, la méthode la plus courante consiste à utiliser un sélecteur de classe.

Le sélecteur de classe est représenté par l'attribut class en HTML. En CSS, le sélecteur de classe est affiché avec un point "." :

Exemple : Tout HTML avec la classe centrale Les éléments sont tout centré

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
.center{
text-align:center;
}

Rendu :

Quest-ce que la classe CSS

Vous pouvez également spécifier des éléments HTML spécifiques à l'aide de classes.

Exemple : utilisez class="center" pour tous les éléments p pour centrer le texte de l'élément

<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p>
p.center
{
text-align:center;
}

Rendu :

Quest-ce que la classe CSS

Remarque : Dans les sélecteurs de classe, les nombres ne peuvent pas être utilisés comme premier caractère du nom de classe ! Cela ne fonctionnera pas dans Mozilla ou Firefox.

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!

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