CSS Regeln

Jede Regel besteht aus:

• Selektor (Selector): Auswahl der Elemente, auf welche die Regel angewendet werden soll
• Deklaration (Declaration):
  • Eigenschaft (Property): Welche Eigenschaft des Elements soll angepasst werden
  • Wert (Value): Wie soll die Eigenschaft des Elements angepasst werden

Die Syntax für CSS Regeln ist: Selektor { Deklaration }, wobei eine Deklaration aus beliebig vielen Eigenschaft:Wert; Paaren besteht.

Kommentare werden mit /* und */ umschlossen: /* comment */

❮❯HTML<p>Test</p>

❮❯CSSp /*Selector*/ {
  background: blue; /*Declaration*/
}
p {
  /*Property: Value;*/
  color: white;
}

Regeln mit dem gleichen Selektor können im Anweisungsblock zusammengefasst werden.

❮❯CSSp {
  /*Declaration block*/
  background: blue;
  color: white;
}