CSS (Cascading Style Sheets) beschreibt die Darstellung von HTML-Inhalten.

CSS legt fest:

• Farben
• Schriftarten
• Abstände
• Layout
• Responsives Verhalten

HTML beschreibt was etwas ist, CSS beschreibt wie es aussieht.

—

Es gibt drei Möglichkeiten, CSS einzubinden.

—

<link rel="stylesheet" href="style.css">

Vorteile:

• saubere Trennung von Inhalt und Design
• wiederverwendbar
• wartbar

—

<style>
  body {
    background-color: white;
  }
</style>

Geeignet für:

• kleine Tests
• Einzelseiten

—

<p style="color:red;">Text</p>

⚠️ Nicht empfohlen:

• schwer wartbar
• überschreibt andere Regeln

—

selektor {
  eigenschaft: wert;
}

Beispiel:

p {
  color: black;
  font-size: 16px;
}

—