Heim >Web-Frontend >CSS-Tutorial >Was wird zum Verbinden von Klassen in CSS3 verwendet?
Was wird zum Verbinden von Klassen in CSS3 verwendet?
- WBOYOriginal
- 2021-12-23 17:30:222106Durchsuche
In CSS3 können Sie den Selektor „.class“ verwenden, um eine Verbindung zu einer Klasse herzustellen. Nach Auswahl des angegebenen Elements können Sie den Stil des ausgewählten Elements festlegen ist „.class{ CSS-Stilcode;}“.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, CSS3- und HTML5-Version, Dell G3-Computer.
Was zum Verbinden von Klassen in CSS3 verwendet werden soll
. Der Klassenselektor wählt Elemente mit einer bestimmten Klasse (Klasse) aus.
Klassenselektoren ermöglichen die Angabe von Stilen unabhängig von Dokumentelementen.
Dieser Selektor kann allein oder in Kombination mit anderen Elementen verwendet werden.
Tipp: Diese Selektoren können erst verwendet werden, nachdem das Dokument entsprechend markiert wurde. Daher erfordert die Verwendung eines der Selektoren in der Regel zunächst einige Überlegungen und Planung.
Um Stile unabhängig vom jeweiligen Designelement anzuwenden, wird am häufigsten ein Klassenselektor verwendet.
Der .class-Selektor ist ein Stil, der eine Klasse für alle Elemente angibt.
Das Beispiel sieht wie folgt aus:
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: CSS-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonWas wird zum Verbinden von Klassen in CSS3 verwendet?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!