Cascading Style Sheets (CSS)

Was bedeutet Cascading Style Sheets?

CSS arbeitet neben HTML und hat die Aufgabe, den Inhalt von Webseiten auf visuelle Weise für verschiedene Geräte anzupassen. Es gibt den Stil vor, indem es Schriftarten, Layouts, Farben und andere Elemente voneinander trennt und die Benutzerfreundlichkeit verbessert.

Über Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) arbeitet neben der Hypertext Markup Language (HTML), um das Design von Webseiten zu verbessern.
Mithilfe von CSS können Webdesigner einen Stil für eine Seite einrichten, der dann auf alle anderen Seiten und Elemente der gesamten Website angewendet wird. CSS wird verwendet, um Websites ansprechender zu gestalten und die Benutzerfreundlichkeit zu verbessern.

Warum ist CSS so wichtig?

CSS ermöglicht es Entwicklern, einen Stil einmal festzulegen, und der Webbrowser wendet denselben spezifischen Stil anschließend viele Male auf die Webseiten oder das Dokument an, was zeitsparend ist. Außerdem ermöglicht diese Methode eine größere Kontrolle über das Layout, während die Flexibilität und Interaktivität der Website verbessert wird.
CSS erleichtert auch die Aktualisierung von Websites, da der sich wiederholende Codierungsstil von Basis-HTML entfällt, und hat den Vorteil, dass die Zahl der Fehler im Code verringert wird.

Webseiten, die CSS verwenden, werden schneller geladen, weil der Browser die Regeln nur einmal herunterladen und für das Laden der anderen Seiten der Website zwischenlagern muss.

Ein Beispiel dafür, wie CSS funktioniert

CSS funktioniert durch das Erstellen von Regeln.
Hier ist ein einfaches Beispiel für einen CSS-Code, der die Farbe und Größe von H1 definiert:


<style><br /> H1 { font-size:20pt color:green;}<br /> </style>
Mit der vorhergehenden CSS-Regel wird nun jeder HTML-Code der Website, der das H1 enthält, automatisch grün und in 20-Punkt-Schrift gerendert:
<html>
<body>

Diese Überschrift ist grün und 20 pt.


</body>
</html>
up-arrow.svg