CSS steht für Cascading Style Sheets, was übersetzt „gestufte Stilvorlagen“ bedeutet. Es handelt sich dabei um eine Gestaltungs- und Formatierungssprache, mit der das Aussehen von HTML-Dokumenten bestimmt wird. Es geht also um Design oder Stil, nicht um den Inhalt einer Webseite. Mit CSS können Anwender zum Beispiel Schriftarten, Farben, Linien, Höhen und Breiten auf einer Webseite definieren.
CSS - Erklärung und Einbindung in HTML-Datei
In diesem Video erklŠren wir Euch, was CSS ist, wie es sich gegenŸber HTML unterscheidet und mit welchen drei Mšglichkeiten, Ihr CSS in HTML einbinden kšnnt.
Wie ist CSS entstanden?
CSS existiert seit 1997 und wird kontinuierlich weiterentwickelt. Heute zählt CSS ebenso wie HTML zu den grundlegenden Sprachen im Netz und gilt als aktueller Standard bei Webdesign und Layout. Von Anfang an gab es bei CSS das Ziel, Inhalte und Aussehen zu trennen. Das vereinfacht sowohl den Programmiercode einer Webseite wie auch die Arbeit für den Webdesigner.
Zudem erweitert CSS die Gestaltungsmöglichkeiten. Während sich mit HTML etwa nur einfache Texte und Inhalte darstellen lassen würden, können mit CSS auch interaktive Elemente aufgebaut werden – dazu zählen zum Beispiel Navigationen. Darüberhinaus unterstützt CSS die responsive Darstellung. Das heißt, per CSS können passende Darstellungsformen für unterschiedliche Devices – vom Monitor über den Drucker bis zum Smartphone – vorgegeben werden.
Was sind die Vorteile von CSS?
Neben den bereits genannten Pluspunkten hat CSS noch eine ganze Reihe weiterer Vorteile. Dazu gehört, dass ein einmal erstelltes Design vergleichsweise schnell und einfach auf ein anderes Projekt übertragen werden kann. Die übersichtlichere Programmierung bewirkt, dass Webseiten nicht mehr mit Code überfrachtet sind und daher schneller laden. Außerdem lassen sich Fehler im Design besser erkennen und leichter beheben.
CSS wird von allen gängigen Browsern unterstützt. Es kann allerdings Einschränkungen bei der Darstellung des Layouts geben. Es ist deshalb sinnvoll, mit CSS erstellte Webseiten immer auf möglichst allen gängigen Browsern zu testen.