CSS als Sprache

CSS
Klartextsprache
Stylesheet-Sprache
CSS gestaltet das Erscheinungsbild
HTML ist nicht geeignet für fixes Layout
CSS als Standard
Versionen

CSS

CSS ist eine (formale) Computer-Sprache. Sie dient zum Erstellen von Gestaltungsrichtlinien ("Formatvorlagen") für die Darstellung der einzelnen HTML-Elemente und somit das Erscheinungsbild einer Webseite.

Die Abkürzung CSS steht für Cascading Style Sheets: in etwa kaskadierte (verkettete) Gestaltungsrichtlinien.
Dieser Begriff ist schwer zu übersetzen, ich habe z.B. folgende mehr oder weniger gute Übersetzungen gefunden: "Kaskadierende Stilvorlagen", "gestufte Gestaltungsbögen".

sheet = allgemein ein Blatt oder Bogen Papier, aber auch eine (auf Papier niedergeschriebene) Aufstellung oder Übersicht: Aufstellung oder Übersicht (eines Regelwerkes).
style = Stil, Ausführung, Form: Erscheinungsbild.
stylesheet = Richtlinien (Aufstellung eines Regelwerks) für die Darstellung von Daten, Formatvorlage: Aufstellung aller Regeln für die Darstellung von Daten. Dies kann eine bildliche (optische), hörbare (auditive) oder fühlbar (taktile) Darstellung sein. Oft werden stylesheets mit Formatvorlage umschrieben.
cascading = [tech.] Kaskadierung: Reihenschaltung/Serienschaltung (hintereinerander schalten), Verketten (von Bauteilen): Der Begriff Kaskade kommt vom französichen Wort cascade, was Wasserfall bedeutet. Auf Deutsch wird dieses Wort für Wasserfälle verwendet, bei denen das Wasser in mehreren, hintereinander liegenden Stufen herabfällt.
Umgangssprachlich wird das Wort Kaskade verwendet, wenn ein Ereignis mehrere, weitere Ereignisse auslöst, also eine Verkettung von Ereignissen entstanden ist, z.B. "Die Weltwirtschaftskrise löste eine Kaskade von Firmenpleiten aus."
In der Technik bezeichnet Kaskadierung wenn mehrere Bauteil in ihrer Wirkung verkettet werden, indem sie hintereinander verbunden werden. Dies wird dann Reihen- oder Serienschaltung genannt.
In CSS bedeutet Kaskadierung, dass meist mehrere Regeln, die aus mehreren, hintereinander analysierten stylesheets stammen, auf ein HTML-Element wirken. Die einzelnen Regeln dieser Kaskade werden kombiniert und Konflikte (d.h. widersprüchliche Anweisungen) werden aufgelöst, sodass eindeutige Formatanweisungen entstehen.

Klartextsprache

CSS ist eine Klartextsprache. CSS-Dateien können daher am Computer mit jedem Editor angeschaut, aber auch erstellt oder verändert werden.

Text, der in einer CSS-Datei gespeichert ist, kann einfach gelesen werden. Auch alle anderen enthaltenen Informationen können gelesen werden, wie z.B.: welche Farben werden verwendet, welche Größe haben die einzelnen Elemente und wie sind "Spezialeffekte" gemacht usw.

Klartextformat bedeutet aber auch, dass CSS-Code nicht "verschlüsselt" ist, man den CSS-Code direkt lesen und daher auch nichts "versteckt" werden kann.

CSS-Dateien kann man sogar mit jedem beliebigen Texteditor bearbeiten, der Daten als reine Textdateien abspeichern kann. Es gibt also keine bestimmte Software - auch nicht von bestimmten Unternehmen - die man zum Erstellen von CSS-Dateien benötigt. Man kann sogar die selbe CSS-Datei mit unterschiedlichen Editoren bearbeiten.

Beispiel für einen Text mit einer Überschrift h1 und einem Absatz p, der mit CSS formatiert ist:
Folgende Darstellung:

Gestalten mit CSS

Texte werden mit CSS formatiert. Die dazugehörigen Regeln werden in einem Klartextformat gespeichert und sind daher mit jedem Editor lesbar.

wird mit der Sprache CSS mit folgenden Code erstellt:

h1 {
   color: #008000;
   text-align: center;
   text-transform: uppercase;
}
p {
   color: #004000;
   font-style: italic;
}

Stylesheet-Sprache

CSS ist eine Stylesheet-Sprache. Sie legt fest, wie HTML-Elemente dargestellt werden, also wie z.B. Überschrift, Liste etc. aussehen.

Manchmal wird beim Erstellen einer CSS-Datei von Programmieren gesprochen. Dies ist jedoch ein falscher Ausdruck, da CSS keine Programmiersprache ist. CSS-Code schreibt man einfach, und wer es besser klingen lassen möchte, der codet in CSS.

CSS gestaltet das Erscheinungsbild

CSS dient zum Gestalten der Darstellung von Texten, Grafiken und multimediale Inhalten. Die Anweisungen werden als Regeln geschrieben.

HTML ist nicht geeignet für fixes Layout

Das Layoutieren eines fixen Seitenaufbaues ist mit HTML nicht vorgesehen.

Die Darstellung von HTML-Dateien erfolgt im Fenster des Browsers am Computer der BenutzerInnen. Dadurch muss sich das Erscheinungsbild an die Gegebenheiten bei der/beim BenutzerIn anpassen (Breite des Fensters, ist die ausgewählte Schriftart überhaupt am Computer installiert, der im Browser vorgegebene Schriftgröße). Allein dadurch ist es nicht möglich, dass die/der AutorIn das Erscheinungsbild genau festlegt.

Stärken und Schwächen beim WWW und Druckerzeugnissen:

Wenn jemand ein Buch kauft, so hat diese Person ein fertiges Produkt in der Hand. Die Wörter und Bilder sind auf dem Papier aufgedruckt, alles ist fix an seiner Stelle, nichts kann sich ändern.Die Seiten haben alle ein fixes Format. Dadurch ist die Länge der Zeilen festgelegt und der Zeilenumbruch vorgegeben.
Die Darstellung erfolgt schon bei der/beim AutorIn: Sie/Er hat die volle Kontrolle, wie das Erscheinungsbild aussieht und die Sicherheit, dass sich auf dem Weg zum Konsumenten nichts verändert.
Die Größe der Schrift ist durch den Druck festgelegt. Ist sie der/dem KonsumentIn zu klein, weil sie/er schlecht sieht, so kann man am Buch nichts ändern. Sie/er muss sich mit Brille, Lupe oder anderen Hilfsmitteln helfen.
Webseiten sind anders. Hier kann die/der BenutzerIn nach gutdünken die Schriftgröße ändern. Sie/er kann das Fenster, in dem die Webseite angezeigt wird, breiter oder schmäler machen. Kurz: Die Darstellung kann an die persönlichen Vorlieben angepasst werden.
Das ist einer der Gründe, warum die/der AutorIn Webseiten kein fixes Erscheinungsbild geben kann. Die Schriftgröße muss veränderbar sein, ebenso der Zeilenumbruch. Dieser muss flexibel sein und sich an die jeweilige Fensterbreite anpassen können.

HTMList Grundlage für die Darstellung im Browser; diese interpretieren die HTML-Dateien und stellen sie erst "vorort" dar (daher: ev. andere Zeilenumbrüche, Probleme mit Schriftarten und abweichende Darstellung -> keine "Illustrierte")

Intention von HTML
xxxxx entwickler

jede plattform

CSS als Standard

CSS ist ein Standard.

CSS ist ein Standard, also sozusagen eine Empfehlung an alle Softwarehersteller der Browser, sich an diese Regeln zu halten. Damit soll gewährleistet sein, dass jeder Browser auf jeder Computerplattform mit jedem Editor in CSS erstellten Gestaltungsrichtlinien gleichermaßen richtig darstellen kann.
Die dafür zuständige Organisation ist das World Wide Web Consortium (W3C): www.w3.org
Das World Wide Web Consortium lenkt weltweit die Weiterentwicklung des WWW und entwickelt neue Standards.

Versionen

Es gibt verschiedene CSS-Versionen (verschiedene Alter). Aktuell gibt es CSS 3. Dies ist jedoch ein "living standard", was bedeutet, dass er ständigt weiterentwickelt wird ohne dass die Versionsnummer weitergezählt wird. Es gibt daher keinen dauerhaften, festgelegten Zustand des Standards. Es kann daher nicht einfach gesagt werden, dass ein Browser den Standard CSS 3 beherrscht. Vielmehr muss man bei neuen Entwicklungen in CSS 3 recherchieren, welche Browser was korrekt darstellen können. Was schon in CSS 2.1 festgelegt war, kann in der Regel bei aktuellen Browsern bedenkenlos verwendet werden.