CSS-Syntax

CSS-Syntax

CSS-Regelsets bestehen aus Selektoren und Declarativblöcken:

CSS-Selektoren

Der Selektor zeigt auf das HTML-Element, das Sie stylen möchten.

Ein Anweisungsblock enthält eine oder mehrere Anweisungen, die durch Semikolons getrennt sind.

Jede Anweisung enthält einen CSS-Attributnamen und einen Wert, die durch einen Doppelpunkt getrennt sind.

Mehrere CSS-Anweisungen werden durch Semikolons getrennt, und Anweisungsblöcke werden durch Klammern umgeben.

Beispiel

In diesem Beispiel werden alle <p> Elemente zentriert und haben eine rote Textfarbe：

p {
  color: red;
  text-align: center;
}

Probieren Sie es selbst aus

Beispiel Erklärung

  • p ist in CSSSelektor（它指向要设置样式的 HTML 元素：<p>）。
  • color Ist ein Attributred Ist ein Attributswert
  • text-align Ist ein Attributcenter Ist ein Attributswert

In der nächsten Kapitel lernen Sie mehr über CSS-Selektoren und CSS-Attribute.