Die Verwendung von Abkürzungen kann dazu beitragen, die Größe Ihrer CSS-Dateien zu reduzieren und sie leichter lesbar zu machen. Die Hauptregeln für CSS-Abkürzungen lauten wie folgt:
Farbe
Hexadezimale Farbwerte können, wenn die Werte der beiden Ziffern gleich sind, um die Hälfte abgekürzt werden, zum Beispiel: #000000 kann zu #000 abgekürzt werden; #336699 kann zu #369 abgekürzt werden;
Kartongröße
Normalerweise gibt es vier Schreibmethoden:
property:value1; bedeutet, dass alle Kanten einen Wert value1 haben;
Eigenschaft:Wert1 Wert2; bedeutet, dass der Wert von oben und unten Wert1 ist und der Wert von rechts und links Wert2 ist
Eigenschaft: Wert1 Wert2 Wert3; bedeutet, dass der Wert von oben Wert1 ist, der Wert von rechts und links Wert2 ist und der Wert von unten Wert3 ist
property:value1 value2 value3 value4; Die vier Werte repräsentieren oben, rechts, unten, links der Reihe nach
Eine bequeme Möglichkeit, sich zu merken, ist im Uhrzeigersinn, oben rechts, unten links. Beispiele für spezifische Anwendungen im Bereich Rand und Polsterung sind wie folgt:
Rand: 1em 0 2em 0,5em;
Grenze
Die Eigenschaften der Grenze sind wie folgt:
Randbreite: 1px;
Rahmenstil:solid;
Rahmenfarbe:#000;
Es kann auf einen Satz abgekürzt werden: border:1px solid #000;
Die Syntax ist border:width style color;
Hintergründe
Die Eigenschaften des Hintergrunds sind wie folgt:
Hintergrundfarbe:#f00;
Hintergrundbild:url(background.gif);
Hintergrundwiederholung:keine Wiederholung;
Hintergrundanhang:fixiert;
Hintergrundposition:0 0;
Es kann auf einen Satz abgekürzt werden: background:#f00 url(background.gif) no-repeat behoben 0 0;
Die Syntax lautet: Hintergrund: Farbbild, Position des Anhangs wiederholen;
Sie können einen oder mehrere Attributwerte weglassen. Wenn der Attributwert weggelassen wird, wird der Standardwert des Browsers verwendet.
Farbe: transparent
Bild: keines
wiederholen: wiederholen
Anhang: Scrollen
Position: 0 % 0 %
Schriftarten
Die Eigenschaften der Schriftart sind wie folgt:
Schriftstil:kursiv;
Schriftartvariante: Kapitälchen;
Schriftstärke:fett;
Schriftgröße:1em;
Zeilenhöhe: 140 %;
Schriftfamilie: „Lucida Grande“, serifenlos;
Es kann auf einen Satz abgekürzt werden: Schriftart: kursiv Kapitälchen fett 1em/140 % „Lucida Grande“, serifenlos;
Beachten Sie, dass Sie bei einer Abkürzung der Schriftartendefinition mindestens zwei Werte definieren müssen: „font-size“ und „font-family“.
Listen
Um die Standardpunkte und Seriennummern aufzuheben, können Sie list-style:none; schreiben.
Die Eigenschaften der Liste sind wie folgt:
Listenstiltyp:Quadrat;
list-style-position:inside;
list-style-image:url(image.gif);
Es kann auf einen Satz abgekürzt werden: list-style:square inside url(image.gif);