Was ist eine Abkürzung in CSS?

Ein Cascading Style Sheets-Dokument besteht aus Regeln, die die Darstellung von HTML-Elementen steuern. Eine komplexe Web-Design und Layout würde vielen CSS-Regeln mit mehreren Deklarationen erfordern. Kurzschrift-Eigenschaften sparen der Autor Sie Zeit und Raum durch Trimmen unnötige Codezeilen.

Definition

Eine CSS-Regel besteht aus zwei Teilen: ein Selektor entspricht einem HTML-Element und einem oder mehreren Deklarationen geben Auskunft über den Selektor. Eine Deklaration enthält eine Eigenschaft und einen Wert. Die meisten Erklärungen geben Sie den Wert nur eine Eigenschaft. Mit einer Kurzschrift-Eigenschaft können Sie die Werte mehrerer Eigenschaften innerhalb derselben Deklaration deklarieren.

Syntax

Ein Beispiel für eine CSS-Regel mit mehreren Deklarationen ist unten dargestellt. In diesem Beispiel legt der Selektor "h3" das Gewicht, Größe, Familie und andere Attribute des H3-Tags auf einer Webseite. Jeder Font-Eigenschaft muss eine eigene Erklärung.

H3 {}

Font-Variant: normal;

Schrift-Stil: normal;

Font-Weight: bold;

Schriftgröße: 18pt;

Zeilenhöhe: 20pt;

Schriftfamilie: Georgien;

}

Kurzschrift

Es ist effizienter, mehrere Eigenschaften in Kurzform stattdessen, wenn möglich zu markieren. Um die Schriftart-Deklarationen in Kurzform umschreiben, verwenden Sie CSS Font-Eigenschaft wie im folgenden dargestellt. Geben Sie die Werte, die Sie für Ihre Webseiten brauchen. Wenn Sie unsicher sind, was Werte Font-Eigenschaften haben können, beziehen sich auf eine CSS-Referenz, wie z. B. bei W3Schools.com. Hier im Beispiel wird das H3-Tag in Fett, Georgien, Größe 18 und Line-Height 20.

H3 {Font: Bold bold 18pt/20pt Georgien;}

Tipps

Abgekürzte Eigenschaftenwerte müssen in einer bestimmten Reihenfolge deklariert werden. Im Falle der Font-Eigenschaft, die Reihenfolge ist: Variante, Gewicht, Größe, Stil, Line-Height und Font-Familie. Sie können mehrere Auswahlmöglichkeiten der Schriftart-Familie getrennt durch ein Komma angeben. Wenn kein Wert für eine Eigenschaft angegeben ist, wird diese Eigenschaft ihren Standardwert übernehmen.