Zusammenfassung der gängigen CSS-Abkürzungssyntax

Zusammenfassung der Syntax allgemeiner CSS-Abkürzungen

Die Verwendung von Abkürzungen kann dazu beitragen, die Größe Ihrer CSS-Datei zu reduzieren und sie leichter lesbar zu machen. Die Hauptregeln für die CSS-Abkürzung lauten wie folgt:

Farbe

Wenn der hexadezimale Farbwert gleich ist, kann er halbiert werden, zum Beispiel:

#000000 ist OK Die Abkürzung ist #000; #336699 kann als #369 abgekürzt werden; Ein Wert von value1;

Eigenschaft:Wert1 Wert2 Wert3; bedeutet, dass der Wert von oben Wert1 ist, die Werte von rechts und links Wert2 sind und der Wert von unten Wert3 ist

Eigenschaft:Wert1 Wert2 Wert3 Wert4 ; Die vier Werte stehen abwechselnd für „oben“, „rechts“, „unten“ und „links“. Beispiele für spezifische Anwendungen in Margin und Padding sind wie folgt:

Margin:1em 0 2em 0.5em;

Border (Rand)

Die Eigenschaften des Randes sind wie folgt :

border-width:1px;

border-style:solid;

border-color:#000;

Kann auf einen Satz abgekürzt werden : border:1px solid #000;

Die Syntax ist border: width style color >

background-image:url(background.gif);

background-repeat:no- wiederholen;

background-attachment:fixed;

background-position :0 0;

Kann auf einen Satz abgekürzt werden: background:#f00 url(background.gif) no-repeat behoben 0 0;

Die Syntax ist Hintergrund:Farbbild-Wiederholungsposition des Anhangs;

Sie können einen oder mehrere der Attributwerte weglassen. Wenn sie weggelassen werden, wird der Attributwert verwendet Standardwert des Browsers. Der Standardwert ist:

Farbe: transparent

Bild: keine

Wiederholung: wiederholen

Anhang: scrollen

Position: 0% 0%

Schriftarten (Schriftarten)

Schrifteigenschaften sind wie folgt:

font-style:italic;

font-variant :Kapitälchen;

font-weight:bold;

font-size:1em ;

line-height:140%;

font- Familie: „Lucida Grande“, serifenlos;

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 (Listen)

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

Die Attribute der Liste lauten wie folgt:

list-style-type:square;

list-style-position:inside;

list-style-image:url(image.gif);

Kann abgekürzt werden als Ein Satz: list-style:square inside url(image.gif);

Das Obige ist eine Zusammenfassung der häufig verwendeten CSS-Abkürzungsgrammatik. Weitere verwandte Artikel finden Sie unter PHP chinesische Website (www.php.cn)!