Die Geschichte von CSS

Cascading Style Sheets (CSS) ist eine Sprache für die Präsentation strukturierter Dokumente am Bildschirm, im Druck oder über ein Vorlesegerät gesprochen.

Hakon Wium Lie (OPERA, Chief Technology Office), Foto: Stephan Röhl — Håkon Wium Lie ist ein norwegischer Web-Pionier. Seine Doktorarbeit Im Jahr 1994 ist der Ursprung der Sprache CSS. Er ist Gründungsmitglied der Piraten-Partei in Norwegen und ehemaliger CTO von Opera.
Lizenz der Abbildung
CC BY-SA 2.0

1994 hat Håkon Wium Lie bei der W3C das Konzept CSS vorgestellt und seitdem wird die Gestaltung von Webseiten mittels Cascading Style Sheets (CSS) gemacht. Er war Mitarbeiter von Tim Berners-Lee am CERN.

CSS kann mit „Kaskadierende Style Blätter“ oder, meiner Meinung nach besser, frei mit „Stufenweise aufgebaute Design Formate“ übersetzt werden. CSS ist der Standard für Gestaltung und wird ständig weiterentwickelt. Neue Funktionen von CSS werden ständig veröffentlicht. Jeder kann an der Entwicklung teilnehmen. Große Firmen wie Google, Apple, Firefox oder Adobe prägen die Neuerungen von CSS enorm.

Lie fand Unterstützung beim wenige Wochen zuvor gegründeten W3C. Lie brachte die typische Vererbung per „Kaskade“ ein. Die Entwicklung entstand in Kooperation mit anderen Kollegen. Die frühen Entwürfe von CSS unterschieden sich deutlich von dem heutigen CSSS. Z. B. gab es Punkte statt Leerzeichen und komplexe „Einfluss“-Berechnungen. Diese „Einfluss“-Berechnung ist mittlerweile durch die Spezifität der Kaskade praktischer geklärt.

Microsoft brachte CSS als Standard deutlich voran. Jedoch zum dem Preis von sehr unterschiedlichen Interpretationen. CSS ist seit 20 Jahren unverzichtbar

If we hadn’t developed CSS, we could have ended up with the web being a giant fax machine.
Quelle
Håkon Wium Lie: "net-magazine", 269

RRP
Beispiel für RRP, ein Vorläufer von CSS. Setzt den Body in die Schriftfamilie Helvetica und 24 Pixel Schriftgröße.
```
@BODY fo(fa=he,si=24)
```
Historisches CSS
Beispiel für „historisches“ CSS mit Punkt und Einfluss-Berechnung.
```
h1.font.size = 24pt 100%
h2.font.size = 20pt 40%
```
Aktuelles CSS
Beispiel für „aktuelles“ CSS. Die Einfluss-Berechnung erfolgt über die Spezifität und Reihenfolge.
```
.title {
  font-size: 48px;}

h1 {
  font-size: 24px;
  font-family: helvetica;}
```

Die Geschichte von CSS

RRP

Historisches CSS

Aktuelles CSS