Farben und Schriften (Der visuelle Einstieg)

💡 Die Kernidee im Alltag:

"Wenn HTML das Skelett ist, dann ist CSS die Kleidung, die Frisur und das Make-up. Mit CSS verwandelst du einen grauen Textblock in ein modernes Designerstück."

Wie es wirklich funktioniert (Erklärt für 12-Jährige)

CSS funktioniert nach dem Prinzip Wer und Wie:

/* Wer: h1 (Alle Hauptüberschriften) */
h1 {
  color: #3b82f6; /* Wie: Leuchtendes Blau */
  font-family: 'Inter', sans-serif; /* Moderne Schriftart */
  font-size: 32px;
  text-align: center;
}

Farben kannst du als Namen (red), als Hexadezimal-Code (#ff0000) oder modern als HSL angeben.

KI-Power-Tipp für Entwickler

Empfohlener Assistent: Claude 3.5 Sonnet

Golden Prompt für deinen Editor:

Schlage mir eine harmonische, moderne Farbpalette (Primary, Secondary, Background, Text) für ein Fintech-Dashboard im Dark Mode vor, inklusive Hex-Codes und Kontrastprüfung.

Qualitäts-Prüfung: Prüfe, ob der Kontrast zwischen Hintergrund und Text lesbar ist (WCAG AA Standard min 4.5:1).

Farben und Schriften (Der visuelle Einstieg)

Wie es wirklich funktioniert (Erklärt für 12-Jährige)

Interaktive Übung & lokaler Testlauf