Die Regeln der formalen Sprache CSS

CSS ist eine formale Sprache, sie folgt bestimmten Regeln (Syntax), die eine eindeutige Bedeutung (Semantik) haben.
Bei CSS werden dafür Selektoren verwendet:
Beispiel:

h2
{
   color: green;
}

Die Syntaxregeln besagen, dass der Selektor h2, gefolgt von geschweiften Klammern Eigenschaften (z.B. Farbe) enthält. Diese Eigenschaft bekommt einen Wert zugewiesen und die Zuweisung endet mit einem Strichpunkt.
Semantisch beschreibt h2 eine Überschrift.

Trennung von Inhalt/ Struktur und Design/ Formatierung

Im Webdesign werden die beiden Bereiche Inhalt/ Struktur und Design/ Formatierung strikt getrennt.
Dies hat den großen Vorteil, dass Änderungen am Design für bestimmte Elemente nur an einer Stelle, nämlich in der CSS-DAtei vorgenommen werden müssen.