CSS-Stylesheets dienen dazu, das Aussehen und Layout von Webseiten zu gestalten. Sie bestehen aus einer Sammlung von Regeln, die festlegen, wie bestimmte Elemente auf der Webseite dargestellt werden sollen.
Diese Regeln können auf verschiedene Arten auf die Elemente angewendet werden:
- Durch die Verwendung von HTML-Klassen und IDs, die in den CSS-Regeln referenziert werden können.
- Durch die Verwendung von Selektoren, die bestimmte Arten von HTML-Elementen auswählen können (z.B. alle Überschriften oder alle Links).
- Durch die Verwendung von Pseudoklassen, die spezielle Zustände eines Elements definieren können (z.B. :hover für den Zustand, wenn der Mauszeiger über ein Element bewegt wird).
Die Eigenschaften, die in den CSS-Regeln definiert werden können, reichen von einfachen Dingen wie Farben und Schriftarten bis hin zu komplexeren Elementen wie Schatten, Übergängen und Animationen.
CSS-Stylesheets werden normalerweise in einer separaten Datei gespeichert und dann im HTML-Code der Webseite referenziert. Dadurch wird die Trennung von Design und Inhalt ermöglicht, was die Wartung und Änderung der Webseite erleichtert.