Einführung in CSS

1.1 Geschichte von CSS

Cascading Style Sheets (CSS), auch bekannt als Kaskadierende Stylesheets, ist einer der Schlüsselaspekte der Webentwicklung, der für die visuelle Gestaltung von Webseiten verantwortlich ist. Die Geschichte von CSS begann Mitte der 90er Jahre, als der Bedarf nach einer Trennung von Struktur und Stil von Webseiten offensichtlich wurde.

Die frühen Tage des Internets

Anfang der 90er Jahre, als das Internet gerade populär wurde, wurden Webseiten mit HTML erstellt, das sowohl die Struktur als auch das Design definierte. Webdesigner fügten Stile direkt in den HTML-Code ein, indem sie die Attribute der Tags <font> und <center> nutzten. Dies führte zu sperrigen und schwer wartbaren Webseiten.

Die Geburt von CSS

Im Jahr 1994 schlug Håkon Wium Lie, während er am Europäischen Kernforschungszentrum (CERN) arbeitete, das Konzept von CSS vor. Er verstand, dass Webseiten eine standardisierte Möglichkeit zur Gestaltung benötigten, die unabhängig von HTML war. Tim Berners-Lee, der Erfinder des World Wide Web, unterstützte diese Idee.

Standardisierung

Im Dezember 1996 veröffentlichte das World Wide Web Consortium (W3C) die erste CSS-Spezifikation, bekannt als CSS1. Dies war der erste Schritt zur Trennung der Struktur einer Webseite von ihrem Stil. CSS1 enthielt grundlegende Stile für Text, Schriftarten, Farben und Ausrichtung, aber seine Möglichkeiten waren begrenzt.

Gleichzeitig legte CSS1 die Grundlage für die zukünftige Entwicklung des Webdesigns. Es ermöglichte Entwicklern, die Kontrolle über Textfarbe, Hintergrund, Typografie und die Ausrichtung von Elementen auf einer Webseite zu übernehmen. Dies war ein großer Schritt nach vorne, aber CSS1 hatte dennoch erhebliche Einschränkungen und Mängel.

1.2 Evolution von CSS

CSS2: Erweiterte Funktionen

Im Jahr 1998, nur zwei Jahre nach der Veröffentlichung von CSS1, veröffentlichte das W3C die CSS2-Spezifikation. Sie erweiterte die Möglichkeiten von CSS1 erheblich, indem sie neue Funktionen und Verbesserungen wie absolute und relative Positionierung, Z-Index, Medientypen und die Stilisierung von Tabellen hinzufügte.

CSS2 war ein wichtiger Schritt nach vorne und gab Entwicklern mehr Werkzeuge für die Erstellung komplexer Layouts und eine verbesserte Stilsteuerung.

CSS2.1: Fehlerbehebungen und Verbesserungen

Trotz der Innovationen von CSS2 hatten Entwickler mit Implementierungs- und Kompatibilitätsproblemen zu kämpfen. Um diese Probleme zu beheben, wurde im Jahr 2004 die Spezifikation CSS2.1 veröffentlicht. Sie enthielt Korrekturen von Fehlern und Verbesserungen, die eine stabilere und zuverlässigere Grundlage für Webdesign boten.

CSS2.1 wurde zum De-facto-Standard, auf den sich Entwickler beim Erstellen von Webseiten verlassen konnten.

CSS3: Modulare Herangehensweise

CSS3 stellte einen echten Durchbruch in der Webentwicklung dar. Im Gegensatz zu seinen Vorgängern wurde CSS3 als modulares System entwickelt. Dies bedeutete, dass verschiedene Teile von CSS unabhängig voneinander entwickelt werden konnten, was den Entwicklungsprozess beschleunigte und die Einführung neuer Funktionen ermöglichte.

CSS3 brachte viele neue Funktionen wie Animationen, Übergänge, Verläufe, Media Queries, Flexbox und Grid Layout. Diese Neuerungen ermöglichten die Erstellung komplexerer, interaktiver und anpassbarer Webseiten.

Der aktuelle Stand von CSS: Living Standard

Modernes CSS entwickelt sich weiterhin modular, was eine schnelle Anpassung an Veränderungen in Webtechnologien und die Bedürfnisse der Entwickler ermöglicht. Module wie CSS Grid Layout, CSS Custom Properties (Variablen) und CSS Houdini bieten neue Möglichkeiten zur Erstellung flexibler und leistungsfähiger Webdesigns.

1.3 Grundprinzipien von CSS

CSS basiert auf drei Grundprinzipien: Kaskadierung, Vererbung und Spezifität.

• Kaskadierung (Cascading): Regeln werden in der Reihenfolge ihrer Definition angewendet. Wenn mehrere Regeln in Konflikt geraten, hat die letzte Regel im Code Priorität
• Vererbung (Inheritance): Einige Eigenschaften werden von übergeordneten Elementen an untergeordnete Elemente vererbt. Zum Beispiel Textfarbe und Schriftfamilie
• Spezifität (Specificity): Regeln mit höherer Spezifität haben Priorität. Die Spezifität wird anhand der Selektoren berechnet

CSS hat seit seiner Entstehung im Jahr 1994 einen langen Weg zurückgelegt. Vom einfachen Werkzeug zur Stilisierung von Text und Hintergrund zu einer mächtigen Sprache für die Erstellung komplexer Layouts und Animationen ist CSS zu einem unverzichtbaren Werkzeug in der Webentwicklung geworden.

Seine modulare Struktur ermöglicht es Webstandards, sich schnell weiterzuentwickeln und an neue Anforderungen anzupassen, was das Internet für die Nutzer schöner und benutzerfreundlicher macht. Das Verständnis der Geschichte und Evolution von CSS hilft dabei, besser zu verstehen, wie und warum moderne Techniken und Standards im Webdesign verwendet werden.