CSS

CSS (Cascading Style Sheets) ist eine Stylesheet-Sprache, mit der die optische Darstellung von HTML- oder XML-Dokumenten im Web festgelegt werden kann.

Zusammen mit HTML gehört es zu den Kerntechnologien des World Wide Web und ermöglicht die Trennung von Struktur und Design.

Funktionsweise und Verwendung

In der Praxis wird CSS meist in Kombination mit HTML eingesetzt. Während HTML die Inhalte strukturiert, sorgt CSS für die Gestaltung von Layout, Farben und Typografie. Dadurch lassen sich Inhalte und Design getrennt verwalten und einheitlich über mehrere Seiten hinweg darstellen.

CSS-Regeln legen fest, auf welche Elemente sie angewendet werden (Selektor) und wie diese dargestellt werden sollen (Deklarationsblock mit Eigenschaften und Werten). Cascading bedeutet, dass Styles in einer bestimmten Reihenfolge angewendet werden, d. h. spätere Regeln können frühere überschreiben, abhängig von ihrer Spezifität (Gewichtung).

Illustration einer Person, die am Laptop sitzt und mit einer Benutzeroberfläche arbeitet, während Symbole für Standort, Nachrichten und Inhalte um sie herum angezeigt werden.

Praxisbeispiele

  • Externes CSS sorgt für ein einheitliches Design auf allen Seiten
  • Media Queries passen das Layout an Smartphones und Tablets an
  • Ein CMS steuert das Design zentral über CSS-Dateien
  • Inline-CSS ändert kurzfristig die Darstellung einzelner Elemente
Was bedeutet „Cascading“? fallend