Verbinden wir nun die Struktur des HTML mit der Gestaltung.

Lernen wir CSS kennen.

Cascading Style Sheet

CSS

CSS ist für das visuelle Styling einer Webseite zuständig. Dabei werden die HTML-Elemente im CSS gestylt.

Der Selektor verbindet das CSS mit dem HTML und weist so die Gestaltungsdeklarationen (Properity + Value) eines CSS Rule-Sets einem HTML-Element zu.

Es können beliebig viele Gestaltungsdeklarationen (1, 2, N) einem Selektor zugewiesen werden. Die Gestaltungsdeklarationen sind klar definiert.

All diese «Rule-Sets» werden in einem «Stylesheet» zusammengefasst und beim Laden einer HTML-Seite eingespeist.

Anatomie einer CSS Regel. Die Class ist der Selector und in den {} befindet sich die Deklaration von Property (Fähigkeit) und Value (Wert).
© Webdesign Essentials
Vertiefe dich ins ganze Kapitel

HTML & CSS Einführung für Designer:innen