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.