Was ist die grundlegende Syntax von CSS?

Die grundlegende Syntax von CSS ist: 1. CSS-Regeln bestehen aus zwei Teilen: Selektor und einer oder mehreren Deklarationen; 2. Selektoren sind normalerweise HTML-Elemente, die den Stil ändern müssen; 3. Jede Deklaration besteht aus a Ein Attribut besteht aus einem Wert 4. Das Attribut und der Attributwert werden durch einen Doppelpunkt getrennt.

CSS-Syntax

CSS-Regeln bestehen aus zwei Hauptteilen: dem Selektor und einer oder mehreren Anweisungen. [Empfohlene Lektüre: CSS-Tutorial]

selector {declaration1; declaration2; … declarationN }

Selektoren sind normalerweise HTML-Elemente, deren Stil Sie ändern müssen.

Jede Deklaration besteht aus einem Attribut und einem Wert. Die Eigenschaft

ist das Stilattribut, das Sie festlegen möchten. Jedes Attribut hat einen Wert. Eigenschaften und Werte werden durch Doppelpunkte getrennt.

selector {property: value}

Die folgende Codezeile setzt die Textfarbe innerhalb des h1-Elements auf Rot und die Schriftgröße auf 14 Pixel.

In diesem Beispiel ist h1 der Selektor, Farbe und Schriftgröße sind Attribute und Rot und 14px sind Werte.

h1 {color:red; font-size:14px;}

Das Diagramm unten zeigt Ihnen, wie der obige Code aufgebaut ist:

CSS-Syntax

Tipp: Verwenden Sie geschweifte Klammern, um Deklarationen einzuschließen.

Verschiedene Schreibweisen und Werteeinheiten

Neben dem englischen Wort red können wir auch den hexadezimalen Farbwert #ff0000 verwenden:

p { color: #ff0000; }

Um Bytes zu sparen, können wir die Kurzform von CSS verwenden:

p { color: #f00; }

Wir können RGB-Werte auch auf zwei Arten verwenden:

p { color: rgb（255,0,0）； }
p { color: rgb（100%,0%,0%）； }

Beachten Sie, dass bei der Verwendung von RGB-Prozentsätzen, auch wenn die value Wenn es 0 ist, muss auch das Prozentzeichen geschrieben werden. In anderen Fällen ist dies jedoch nicht erforderlich. Wenn die Größe beispielsweise 0 Pixel beträgt, müssen nach 0 keine Pixeleinheiten verwendet werden, da 0 unabhängig von der Einheit 0 ist.

Das obige ist der detaillierte Inhalt vonWas ist die grundlegende Syntax von CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!