Einführung in CSS: Woraus bestehen CSS-Grammatikregeln?

Wenn viele Leute gerade erst mit CSS beginnen, verstehen sie die Regeln der CSS-Grammatik nicht ganz und wissen nicht, woraus die Regeln der CSS-Grammatik bestehen.

CSS besteht hauptsächlich aus zwei Teilen. Der erste ist der Selektor und der zweite ist die Anweisung. Die Anweisung kann einer oder mehrere sein, und der CSS-Selektor ist When Wir ändern den HTML-Stil. Jede Anweisung besteht aus einem Attribut und einem Wert. Die Hauptsyntax von CSS lautet:

selector {declaration1; declaration2; ... declarationN }

Im Folgenden können wir einen Fall verwenden, um die CSS-Regeln zu veranschaulichen:

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

Im obigen Code stellt h1 den Selektor und die Anweisung innerhalb der geschweiften Zeile dar Klammern sind das Attribut und „color“ ist das Attribut von css. Es gibt verschiedene Möglichkeiten, den Wert zu schreiben. Wir können auch hexadezimales #ff0000 verwenden Natürlich können wir auch weniger Bytes durch CSS-Abkürzungen darstellen. Bei der Verwendung von Prozentsätzen müssen wir das Prozentzeichen verwenden.

Das Wichtigste an CSS sind mehrere Deklarationen. Wenn wir mehrere Deklarationen definieren möchten, müssen wir sie nicht durch ein Semikolon trennen Englisch ist kein Endsymbol, aber viele erfahrene Leute fügen gerne ein Trennsymbol hinzu. Dies verringert möglicherweise die Wahrscheinlichkeit, Fehler zu machen. Zum Beispiel:

p {
  text-align: center;
  color: black;
  font-family: arial;
}

Schließlich müssen wir auf Leerzeichen und Groß-/Kleinschreibung achten, daher sollten keine Leerzeichen angezeigt werden. Wenn CSS mit HTML arbeitet, ist die Klasse in CSS sehr empfindlich.

Das Obige ist eine vollständige Einführung in die ersten Schritte mit CSS: woraus CSS-Grammatikregeln bestehen. Wenn Sie mehr über CSS-Tutorial und CSS3-Tutorial erfahren möchten, Bitte achten Sie auf die chinesische PHP-Website.

Das obige ist der detaillierte Inhalt vonEinführung in CSS: Woraus bestehen CSS-Grammatikregeln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!