CSS-Syntax

Die CSS-Syntax besteht aus 3 Teilen: einem Selektor, einer Eigenschaft und einem Wert

CSS-Syntax-Code

css

selector {
  property: value;
}

Der Selektor ist ein HTML-Element, das Sie stylen möchten. Dies kann jedes Tag sein, wie z. B. <h1>, <p> usw. Jeder Selektor kann eine oder mehrere Eigenschaften haben.

Die Eigenschaft ist das Stilattribut eines HTML-Tags. CSS-Eigenschaften ähneln HTML-Attributen, werden jedoch speziell zum Stylen verwendet (color, border usw.). Jede Eigenschaft hat ihren Wert.

Der Wert wird der Eigenschaft zugewiesen. Zum Beispiel kann der Wert der color-Eigenschaft entweder red oder #F1F1F1 sein.

Beispiel für CSS-Syntax:

Beispiel für CSS-Syntax

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      a {
        color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <a>The color of this link is #1c87c9.</a>
  </body>
</html>

Try it Yourself »

Ergebnis

CSS Syntax

Im obigen Beispiel ist das <a>-Tag der Selektor, color die Eigenschaft und #1c87c9 der Wert der Eigenschaft.

Wie Sie sehen können, werden die Eigenschaft und ihr Wert in geschweiften Klammern geschrieben und durch einen Doppelpunkt getrennt. Hinweis: CSS ignoriert zusätzliche Leerzeichen zwischen Selektoren, Eigenschaften und Werten.

Ein Selektor kann auch mehr als eine Eigenschaft haben, die durch Semikolons getrennt sind.

Practice

Welche der folgenden Optionen beschreibt die korrekte CSS-Syntax?

Eine CSS-Deklaration besteht aus einer Eigenschaft und ihrem Wert, getrennt durch einen Doppelpunkt.Ein CSS-Block wird in eckigen Klammern eingeschlossen.Die Eigenschaften und Werte in einer CSS-Deklaration werden durch ein Semikolon getrennt.CSS-Regelsätze bestehen aus einem Selektor, gefolgt von einem Deklarationsblock in geschweiften Klammern.CSS-Regelsätze bestehen aus einem Selektor, gefolgt von einem Deklarationsblock in runden Klammern.

CSS-Syntax ​

Beispiel für CSS-Syntax: ​

Ergebnis ​

Practice ​

CSS-Syntax

Beispiel für CSS-Syntax:

Ergebnis

Practice