Was ist eine CSS-Klasse?

藏色散人
Freigeben: 2023-01-04 09:37:55
Original
4168 Leute haben es durchsucht

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.

Was ist eine CSS-Klasse?

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;
}
Nach dem Login kopieren

Bild:

Was ist eine CSS-Klasse?

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;
}
Nach dem Login kopieren

Rendering:

Was ist eine CSS-Klasse?

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage