Was ist eine CSS-Klasse?

css-Klasse ist der Klassenselektor von CSS, das heißt, der Klassenselektor ermöglicht es Ihnen, Stile unabhängig von Dokumentelementen anzugeben kann in mehreren Elementen verwendet werden; dieser Selektor kann allein oder in Kombination mit anderen Elementen verwendet werden.

Die Betriebsumgebung dieses Artikels: Windows 10-System, CSS 3, Thinkpad T480-Computer.

Empfohlen: „CSS-Video-Tutorial“

Die CSS-Klasse bezieht sich auf den CSS-Klassenselektor, mit dem Stile unabhängig von Dokumentelementen angegeben werden können.

CSS-Klassenselektor

Mit dem Klassenselektor können Sie Stile unabhängig von Dokumentelementen festlegen. Er wird zur Beschreibung des Stils einer Gruppe von Elementen verwendet und kann in mehreren Elementen verwendet werden.

Dieser Selektor kann allein oder in Kombination mit anderen Elementen verwendet werden.

Um Stile unabhängig vom jeweiligen Designelement anzuwenden, wird am häufigsten ein Klassenselektor verwendet.

Der Klassenselektor wird in HTML durch das Klassenattribut dargestellt. In CSS wird der Klassenselektor mit einem Punkt „.“ dargestellt:

Beispiel: Alle HTML-Elemente mit der Mittelklasse sind zentriert

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

Bild:

Sie können mithilfe von Klassen auch bestimmte HTML-Elemente angeben.

Beispiel: Verwenden Sie class="center" für alle p-Elemente, um den Text des Elements zu zentrieren

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

Rendering:

Hinweis: Im Klassenselektor kann das erste Zeichen des Klassennamens keine Zahlen verwenden! Es funktioniert nicht in Mozilla oder Firefox.

Das obige ist der detaillierte Inhalt vonWas ist eine CSS-Klasse?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!