Was ist CSS?

_{^{generiert durch KI}}

CSS (steht für Cascading Style Sheets) ist eine Formatierungs- und Stilsprache. Sie wird im Webdesign verwendet, um das visuelle Erscheinungsbild und Layout von HTML- oder XML-Dokumenten (wie z.B. Webseiten) zu gestalten. [1, 2, 3, 4, 5]

Kurz gesagt: HTML ist für die Struktur und den Inhalt verantwortlich, während CSS für die Farben, Schriften, Abstände und das Design zuständig ist. [1, 2]

Die wichtigsten Funktionen von CSS

• Design und Layout: Mit CSS bestimmen Sie, wo Elemente auf der Seite platziert werden, wie groß sie sind und ob sie sich dynamisch an verschiedene Bildschirmgrößen anpassen (Responsive Webdesign).[1, 2]
• Typografie: Sie können Schriftarten, Schriftgrößen, Farben, Zeilenabstände und Textausrichtungen festlegen. [1, 2]
• Visuelle Effekte: Animationen, Übergänge, Schatten und abgerundete Ecken lassen sich problemlos umsetzen.
  • Trennung von Inhalt und Design: Indem das Design in separate CSS-Dateien ausgelagert wird, bleibt der HTML-Code übersichtlich. Änderungen am Aussehen wirken sich sofort auf die gesamte Website aus. [1, 2]

Wie funktioniert CSS?

Eine CSS-Anweisung besteht im Grunde aus zwei Teilen: dem Selektor (welches HTML-Element soll gestaltet werden?) und der Deklaration (wie soll es aussehen?). [1]

Beispiel:

css

h1 {
  color: blue;
  font-size: 24px;
}

Verwende Code mit Vorsicht.

• h1: Der Selektor. Er spricht alle Hauptüberschriften der Seite an.
• color: blue;: Die erste Eigenschaft und ihr Wert. Die Überschrift wird blau.
• font-size: 24px;: Die zweite Eigenschaft und ihr Wert. Der Text wird 24 Pixel groß. [1, 2, 3, 4, 5]