CSS -Syntax

CSS, kurz für Cascading -Stilblätter ist eine Web -Styling -Sprache, die zum Styling und Strukturieren von Webseiten in HTML oder XML verwendet wird. Es definiert, wie unterschiedliche HTML -Elemente beispielsweise Überschriften oder Absätze auf dem Bildschirm erscheinen.

Wie bei anderen Webstylingsprachen folgt CSS auch bestimmte Regeln, die die Anordnung von Elementen und Attributen definieren. Die Syntax eines CSS lautet wie folgt:

Die Syntax wird in der folgenden Tabelle erklärt.

CSS -Element	Beschreibung
Wähler	Es wählt ein HTML -Element aus, das Sie stylen möchten.
Deklarationsblock	Es besteht aus mehreren Erklärungen und diese werden durch Semikolons getrennt.
Eigentum	Eine Eigenschaft bezieht sich auf das Attribut eines HTML -Tags wie Farbe, Schriftart usw.
Wert	Werte werden den Eigenschaften zugeordnet.

Jetzt gibt es mehrere Arten von Selektoren, die unten erläutert werden.

Universeller Selektor

Wie der Name vorschlägt, wird ein universeller Selektor verwendet, um alle Elemente einer HTML -Seite auszuwählen. Es wird durch ein Sternchenzeichen (*) dargestellt. Zum Beispiel

*
Schriftfarbe: Blau;
Text-Align: Mitte;

Elementauswahl

Ein Selektor wird verwendet, um HTML -Elemente auf der Grundlage ihrer Namen auszuwählen. So was.

H
Text-Align: links;
Farbe blau;

ID -Selektor

Sie können HTML -Elemente auf der Grundlage ihrer ID -Attribute stylen. Zum Beispiel das folgende Element mit dem id = "head1" wird gestylt.

#head1
Text-Align: links;
Farbe blau;

Klassenauswahl

Klassenauswahlstile ein HTML -Element auf der Grundlage eines bestimmten Klassenattributs. Um ein HTML -Element auszuwählen, verwenden wir DOT, gefolgt vom Klassennamen.

.Kasten
Text-Align: Mitte;
Farbe Rot;

Gruppierungswähler

Der Gruppierungswählte wird verwendet, um alle HTML -Elemente auszuwählen, die wir auf ähnliche Weise stylen möchten. Zum Beispiel.

H1, H2, P
Text-Align: Mitte;
Farbe Rot;
Schriftgewicht: normal;

Abschluss

Cascading -Stilblätter alias CSS ist eine Stylingsprache, mit der Dokumente mit Markup -Sprachen wie HTML und XML gestaltet werden können. Zum Styling HTML -Elemente müssen wir eine Reihe von CSS -Regeln/Syntax befolgen. Befolgen Sie die CSS -Syntax. In diesem Tutorial haben wir die grundlegende CSS -Syntax und seine Selektoren gelernt, die sich als sehr nützlich für das Styling von HTML -Elementen erweisen.