CSS – Definition und Bedeutung
Bei CSS handelt es sich quasi um das grafische Grundgerüst einer Webseite.
Während das Parsen und Interpretieren von Nutzereingaben via PHP, Scriptsprachen wie javaScript und Co. erledigt wird, kümmern sich Cascading Style Sheets also um den Stil, den Auftritt einer Webseite. Schriftarten, Farben, Linien, einfache Grafiken, sowie Abmessungen, also das Layout, werden via CSS global gesteuert.
CSS existiert seit 1997, also der ersten wirklichen Boomphase des Web und im Zuge der sich langsam etablierenden „.com Blase“. Während dieser Zeit wurde es klar und nötig, dass eine Webseite neben der einfachen Darstellung von Bild und Text via HTML weitere interaktive, auch responsive Elemente benötigt, um dem Web die Passivität zu nehmen und den Nutzer mehr einzubinden.
Das Ziel: Den Inhalt und die Gestaltung einer Webseite voneinander zu trennen.
Die Vorteile liegen neben den bereits genannten auf der Hand, so lassen sich elegante, nicht überfrachtete Webseiten programmieren, die schneller laden, und dessen Design auch ohne Neuprogrammierung auf andere Sektionen einer Webseite übertragen werden kann.
Ein einfaches Beispiel:
<html>
<head>
<title>Beispiel</title>
<style type="text/css">
body {
color: purple;
background-color: #d8da3d }
</style>
</head>
<body>
Mittels dieses Codeschnipsels wird eine Webseite mit dem Titel „Beispiel“ angelegt, deren Textfarbe Rot ist und deren Hintergrundfarbe mit einem gelblichen Farbton versehen wird.
Der Inhalt ist wie zu erwarten vom Style Sheet via „<style type[]>“ und „</style>“ getrennt.
Neben den optischen, offensichtlichen Elementen hat CSS auch Einfluss auf den SEO Rang einer Seite, denn der Stil beeinflusst unter anderem die Ladegeschwindigkeit. So halten auch wir uns daran, CSS Code so klein wie möglich zu halten, da die Sprache und Syntax bei jedem Aufbau eines Webauftritts neu vom Browser interpretiert werden muss.
Außerdem ermöglicht es CSS, barrierefreie Webseiten zu erstellen, da via Style Sheets verschiedene Größen, Farben etc. mit dem gleichen Inhalt erstellt werden können.
Ihr seht also, CSS ist für unseren Alltag ein sehr wichtiges Werkzeug, das viel Zeit sparen kann, sofern es richtig angewendet wird.
