Eine kurze Anleitung zur CSS-Wert Definition Syntax

Die CSS-Spezifikationen, durch das World Wide Web Consortium erstellt (W3C), definieren die Syntax und die möglichen Werte aller CSS-Eigenschaften. Um Definitionen so präzise wie möglich zu machen, setzt das W3C ein formales System CSS Wert Definition Syntax aufgerufen.

Obwohl die Definition Syntax definiert möglichen Werte sehr genau, das Lesen der Syntax, die CSS Wertdefinitionen geschrieben werden können ohne Schlüssel schwierig sein. In Wirklichkeit ist jedoch eine solche Syntax Lesen ganz einfach. Zum Beispiel, hier ist die Syntax für den Wert der Marge Verknüpfung Eigenschaft:

[  |  | auto] {1,4}

Und hier sind gültig Verwendungen der Eigenschaft margin:

margin: 0px; margin: 1px 10% -margin: 1px 0px auto-Marge: 1px 0px 1px 0px;

Auch wenn Sie nicht wissen, was die Marge Eigenschaft oder jedes dieser Beispiele tut, könnte man herausfinden, wie die Syntaxdefinition zu lesen, indem man sich die Definition suchen und dann die Beispiele zu untersuchen.

Hier ist eine kurze Anleitung zu lesen CSS Wert Definition Syntax:

  • Wenn ein Schlüsselwort ohne Anführungszeichen erscheint, zeigt dies an, dass das Wort verwendet werden sollte, da es, wie im Fall der ist, Auto Schlüsselwort in dem obigen Beispiel.

  • Grundlegende CSS-Datentypen erscheinen zwischen lt; und>. Zum Beispiel, und Grundtypen, die an anderer Stelle definiert. Wenn Sie einen dieser Typen zu sehen, wissen Sie, dass jeder gültige Wert in dieser Datentyp verwendet werden kann.

  • Wenn Sie zwei Et-Zeichen sehen, zusammen (), bedeutet dies, dass die durch dieses Symbol getrennte Werte verbindlich vorgeschrieben sind, sondern sie in beliebiger Reihenfolge erscheinen.

  • Klammern ([]) Gruppenwerte zusammen in einem.

  • Werte getrennt durch || optional sind. Allerdings muss einer von ihnen erscheinen, und sie können in beliebiger Reihenfolge erscheinen.

  • Die | Zeichen bedeutet, dass die Optionen sind exklusiv - genau einer von ihnen erscheinen.

  • Das Sternchen (*) gibt an, dass ein Wert Null erscheinen, einmal oder mehrmals.

  • Das Plus-Symbol (+) bedeutet, dass ein Wert, einmal oder mehrmals auftreten.

  • Das Fragezeichen (?) Gibt an, dass ein Wert ist optional. Wenn es scheint, kann es nur einmal vorkommen.

  • Wenn Sie sehen, bedeutet dies, dass eine feste Längenwert wie 10px erlaubt ist.

  • Wenn Sie sehen, bedeutet dies, dass ein prozentualer Wert, wie 10 Prozent erlaubt.

  • Wenn Sie Zahlen in Klammern sehen wie {1,4}, zeigt es an, dass die Eigenschaft die Anzahl der von der ersten Nummer angegeben erscheinen. Es kann jedoch so oft erscheinen als durch die zweite Zahl angezeigt. Im Fall von {1, 4}, muss die Eigenschaft einmal erscheinen, kann aber so viele wie vier Mal erscheinen.

  • Das Symbol # zeigt an, dass ein Wert einmal wiederholt werden kann oder mehrmals. Jeder Wert muss durch ein Komma getrennt werden.

Ähnliche

Menü