Designer-Logo
Designer-Logo
Überschrift CSS-Syntax

CSS Syntax

Die CSS-Regel beinhaltet einen Selektor und einen Deklarationsblock.

CSS Selektor

Der Selektor verweist auf das HTML-Element das gestylt werden soll. Der Deklarationsblock kann mehrere Deklarationen aufweisen, diese werden getrennt durch ein Semikolon. Jede Deklaration enthält ein CSS-Property(Eigenschaft)-Name und einen Wert(value) getrennt durch ein Doppelpunkt : . Ein Deklarationsbloch befindet sich innerhalb von geschweiften Klammern. Bild CSS Syntax

Beispiel:

In diesem Beispiel werden alle <p> Elemente zentriert und mit einer roten Text-Farbe versehen:
Überschrift Beispiel
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>Das ist ein Absatz.</p>
<p>Das ist ein weiterer Absatz.</p>
</body>
</html>
Überschrift BrowserAusgabe

Das ist ein Absatz.

Das ist ein weiterer Absatz.