Glossar App Entwicklung

CSS (Cascading Style Sheets)

CSS steht für Cascading Style Sheets und ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und die Formatierung von HTML-Dokumenten zu steuern. CSS ermöglicht es Webdesignern und -entwicklern, das Layout, die Farben, Schriften und andere visuelle Aspekte von Webseiten zu definieren und zu gestalten, ohne den HTML-Code direkt zu ändern. CSS-Trennung von Inhalt (HTML) und Präsentation (CSS) erleichtert die Wartung von Webseiten und ermöglicht eine effiziente Anpassung an unterschiedliche Geräte und Bildschirmgrößen.

CSS-Regeln bestehen aus zwei Hauptteilen: dem Selektor und den Deklarationen. Der Selektor gibt an, welches Element oder welche Gruppe von Elementen im HTML-Dokument von der Regel betroffen ist. Deklarationen sind in geschweiften Klammern ({}) eingeschlossen und enthalten Eigenschaft-Wert-Paare, die das Aussehen des ausgewählten Elements beeinflussen. Zum Beispiel:

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

In diesem Beispiel ist der Selektor "h1", der alle <h1>-Elemente im HTML-Dokument auswählt. Die Deklarationen legen die Textfarbe auf blau und die Schriftgröße auf 24 Pixel fest.

CSS kann auf verschiedene Arten in eine Webseite integriert werden, z. B. als externes Stylesheet (durch Verlinkung eines .css-Datei), als internes Stylesheet (durch Hinzufügen von <style>-Elementen im <head> der Webseite) oder als Inline-Style (durch Hinzufügen des "style"-Attributs direkt im HTML-Element). Externe Stylesheets werden bevorzugt, weil sie eine bessere Trennung von Inhalt und Präsentation ermöglichen und die Wartung erleichtern.

Es gibt verschiedene CSS-Versionen, wobei CSS3 die aktuellste Version ist. CSS3 hat viele neue Funktionen und Verbesserungen eingeführt, wie z. B. erweiterte Selektoren, Animationen, Flexbox-Layout, Grid-Layout und Medienabfragen für Responsive Webdesign. Durch die Kombination von HTML, CSS und JavaScript können Entwickler komplexe und ansprechende Webseiten erstellen, die auf unterschiedlichsten Geräten und Plattformen funktionieren.