CSS-Optimierung 2 – (Zusammenfassung der allgemeinen CSS-Abkürzungssyntax)_Erfahrungsaustausch

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 die CSS-Abkürzung lauten wie folgt:

Farbe
Hexadezimaler Farbwert. Wenn der Wert jeder zwei Ziffer gleich ist, kann er halbiert werden, zum Beispiel:
#000000 kann abgekürzt werden als #000;# 336699 kann abgekürzt werden als #369; ein Wert Wert1;
Eigenschaft: Wert1 Wert2; bedeutet, dass der Wert von oben und unten Wert1 ist, der Wert von rechts und links ist Wert2
Eigenschaft:Wert1 Wert2 Wert3 bedeutet, dass der Wert von oben Wert1 ist, der Wert von rechts und links ist Wert2, und der Wert von unten ist Wert3
property:value1 value2 value3 value4; Die vier Werte repräsentieren abwechselnd oben, rechts, unten, links
Die praktische Speichermethode ist im Uhrzeigersinn, oben, rechts, unten, links. Beispiele für spezifische Anwendungen in Margin und Padding sind wie folgt:
margin:1em 0 2em 0.5em

Rand (Rand)
Die Eigenschaften des Randes sind wie folgt:
border-width:1px ;border-style:solid
border-color:#000; kann zu einem Satz abgekürzt werden: border:1px solid #000; Die Syntax lautet border:width style color; gif);
background-repeat:no-repeat;
background-position:0 0;
kann auf einen Satz abgekürzt werden: background:#f00 url(background .gif) no-repeat behoben 0 0; Der Standardwert des Browsers ist:

Farbe: transparent
Bild: keine
Wiederholung: wiederholen
Anhang: scrollen
Position: 0 % 0 %
Schriftarten (Schriftarten)
Die Attribute der Schriftart sind wie folgt:

font-style:italic;
font-variant:small-caps;
Schriftgröße:1em;
Zeilenhöhe:140% ;
Schriftfamilie:„Lucida Grande“,sans-serif;
kann auf einen Satz abgekürzt werden: Schriftart:kursiv, Kapitälchen fett 1em /140% „Lucida Grande“,sans-serif;

Beachten Sie, dass Sie bei einer Abkürzung der Schriftdefinition mindestens zwei Werte definieren müssen: Schriftgröße und Schriftfamilie.

Listen
Um die Standardpunkte und fortlaufenden Nummern aufzuheben, können Sie list-style:none; schreiben.

Listenattribute lauten wie folgt:

list-style -type:square;
list-style-position:inside;
list-style-image:url(image.gif) kann zu einem Satz abgekürzt werden: list-style:square inside url( Bild. gif);