Summary  
This chapter introduces Cascading Style Sheets (CSS) as a language for separating content structure from visual presentation by using selectors and declaration blocks to define properties like colors, spacing, and fonts.  

General domain of usage  
Web development

HTML definiert die Struktur und den Inhalt einer Webseite.
CSS legt fest, wie dieser Inhalt dargestellt wird.

Während HTML Elemente wie Überschriften, Absätze und Bilder organisiert, **steuert CSS** deren **Erscheinungsbild**, einschließlich Farben, Abstände, Schriftarten, Ausrichtung und Layout.

Gemeinsam bilden HTML und CSS die Grundlage der modernen Webentwicklung.

CSS steht für Cascading Style Sheets.
Es handelt sich um eine Stylesheet-Sprache, die verwendet wird, um zu beschreiben, wie HTML-Elemente in einem Browser dargestellt werden sollen.

Definition

Mit CSS können Sie:
- Text- und Hintergrundfarben ändern;
- Abstände zwischen Elementen anpassen;
- Schriftarten und Typografie steuern;
- Layouts erstellen;
- Visuelle Effekte hinzufügen.

CSS verändert nicht die Struktur eines Dokuments.
Es steuert lediglich das Aussehen dieser Struktur.

## Grundlegende CSS-Syntax
Eine CSS-Regel besteht aus einem Selektor und einem Deklarationsblock.<br>
Beispiel:
```css
p {
  color: purple;
  background-color: green;
}
```
Erläuterung:
- `p` ist der Selektor. Er wählt alle `<p>`-Elemente aus;
- `color: purple;` legt die Textfarbe fest;
- `background-color: green;` legt die Hintergrundfarbe fest.

Jede Deklaration folgt diesem Format: `property: value;`

Selektoren, Eigenschaften und Werte werden in den folgenden Kapiteln ausführlich behandelt.

Beherrschen Sie die Grundlagen von CSS, der Gestaltungssprache, die das Erscheinungsbild von Webseiten verändert. Erforschen Sie zentrale Konzepte wie Textstile, Farben, Abstände, das Box-Modell, Flexbox und dekorative Effekte. Entwickeln Sie die Fähigkeiten, um optisch ansprechende und gut strukturierte Webseiten zu erstellen.

Verstehen, wie CSS mit HTML verbunden wird und wie Stile durch Selektoren angewendet werden. Farben, Textgestaltung und Hover-Effekte zur Steuerung der visuellen Darstellung anwenden.

Verbesserung der Typografie durch Zeilenhöhe, Abstände, Schriftarteigenschaften und benutzerdefinierte Schriftarten. Steuerung von Schriftfamilien, -gewicht, -stil und -größe für eine bessere Lesbarkeit.

Steuerung der Layoutstruktur mit Margin-, Padding-, Border- und Width-Eigenschaften. Verständnis des Box-Sizing-Verhaltens und der Anzeigearten von Elementen wie Block, Inline und Inline-Block.

Steuerung von horizontalen und vertikalen Layouts mit Flexbox-Eigenschaften. Anpassung von Richtung, Ausrichtung und Abstand zur Strukturierung von UI-Komponenten.

Layouts mit Hintergrundfarben, Bildern, Pseudoelementen und Schatten aufwerten. Visuelle Komponenten für Tiefe und Kontrast gestalten.

Was CSS Ist und Warum Es Wichtig Ist

Was ist CSS?

Grundlegende CSS-Syntax