CSS

Was versteht man unter CSS ?

Cascading Style Sheets (engl.) ist die Sprache, die man benutzt um Webseiten zu gestalten. CSS ist mit JavaScript uns HTML eine der Kernsprachen des World Wide Webs.
Diese Sprache enthält Code-Elemente und setzt sich aus diesen Cascading-Style-Sheets zusammen, welche auch CSS-Dateien genannt werden.
Enstanden ist CSS Mitte der 90er-Jahre


Was kann Cascading Style Sheet?

HTML ist die Grundlage für die Darstellung von Webseiten in Browsern, CSS sind hierbei dann Gestaltungsvorlagen, die dem Browser bereitgestellt werden um HTML-Elemente auf individuelle Weise zu gestalten.
Es lassen sich Webseiten-Elemente wie Layout, Farbe, Textarten, Größen, Tabellen und viele mehr nach Belieben anpassen.

Hierbei bleiben die Struktur und Inhalt des Dokuments völlig unberührt!


Wie ist CSS entstanden?

Das Konzept der Cascading Style Sheets (CSS) wurde 1994 von Hakon Wium Lie vorgeschlagen.
Gijsbert Bos, ein niederländischer Informatiker, arbeitete zu dieser Zeit an der Entwicklung eines Darstellungsprogrammes names Argo, der seine eigenen Stilvorlagensprache benutzte.
Beide entschieden sich zusammenzuarbeiten und CSS zu entwickeln. CSS brachte als erste die Idee auf, Regeln zu definieren, die dann über mehrere Stilvorlagen hinweg vererbt werden können.

Hakon präsentierte CSS in Chicago 1994 an der Konferenz "Mosaik and the Web". Später wurde dann das World Wide Web auf Cascading Style Sheets aufmerksam.
Sie arbeiteten weitergehend auch mit anderen Mitgliedern, wie Thomas Reardonvon der Firma Microsoft, zusammen. Im Dezember 1996 wurde dann CSS Level 1 Recommendation pupliziert.

CSS Level 2 wurde im Mai 1998 veröffentlicht, wo dann seit 2002 an der überarbeiteten Version CSS Level 2 revision 1 gearbeitet wurde. Dies wurde dann 2011 mit einer Empfehlung abgeschlossen und veröffentlicht.

Seit 2000 ist CSS Level 3 in der Entwicklung. Der unterschied zu den Vorgängern ist, das CSS 3 modualer aufgebaut ist. (z.B. Steuerung der Sprachausgabe)
In der Planung stehen weitere Elemente zur Diskussion, wie verschiedene Grafikfilter oder ein Layout-Modul.

Im September 2012 teilten Vertreter der CSS-Arbeitsgruppe mit, dass es keine Versionsnummer 4 geben soll.
Die künftige Entwicklung soll viel mehr daraus bestehen, dass die einzelnen CSS Module unter eigenen Versionsnummern weiterentwickelt werden können, damit der Gesamtstandard den Namen CSS3 oder CSS behält.



Cascading Style Sheet an einem Beispiel:

Der Grundsätzliche Aufbau in Verbindung mit einer HTML-Datei:


Schritt 1: HTML Dokument

- Erstellen einer einfachen HTML-Datei
 --> siehe Rechts: HTML-Datei ohne CSS Bearbeitung

Schritt 2: Anwendung von CSS

CSS-Befehle werden immer mit dem Begriff "style" angewendet:

Mittige Überschrift: "text-align=center" (Rechts=right, Links=left)
Text-Hintergrundfarbe: background-color: lightblue
Seiten-Hintergrundfarbe: (wird im Body angewendet, da es sich auf den kompletten `Body-Bereich` bezieht: bgcolor="green"
Schriftart:
font-family: "Lucida Console", "Courier New", monospace
Rand: border-style: solid (weitere Möglichkeiten: dotted, dashed, double,...)
Randabstand: margin-left: 80px / margin-right: 80px (weitere Möglichkeiten: Unten=bottom, Oben=top)












Quellen:

https://www.w3schools.com/css/css_colors.asp
https://de.wikipedia.org/wiki/Cascading_Style_Sheets
https://css.philipperck.de/