Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

CSS steht für »Cascading Style Sheets« – Tutorial zu CSS

Aus dem Kurs: Webtechniken lernen 2: CSS-Grundlagen

CSS steht für »Cascading Style Sheets«

CSS ist eine der drei Kernsprachen des World Wide Web und da ist zunächst einmal HTML, das den Inhalt von Webseiten strukturiert, dann kommt CSS, das die HTML-Elemente gestaltet, und zu guter Letzt JavaScript, das ändert das Verhalten von HTML-Elementen, ist optional, aber doch weit verbreitet. Die Buchstaben CSS stehen für Cascading Style Sheets. Ein Style ist eine Formatvorlage, eine Gestaltungsanweisung, wird manchmal einfach auch als Stil übersetzt. Ein Sheet ist ein Blatt oder eine Sammlung. Sheets sind also Blätter bzw. Sammlungen und Stylesheets bedeutet Sammlung von Formatvorlagen. Zu guter Letzt das Cascading bedeutet treppenförmig, in mehreren Stufen angeordnet. Das ist nicht so leicht zu erklären, aber es bedeutet z.B., dass es mehrere Quellen geben kann, wie z.B. als erste Stufe ein Browser-Stylesheet und als zweite Stufe von Ihnen selbst geschriebene Stylesheets. Das wird aber in einem eigenen Kapitel ausführlich erklärt, was es mit diesem Cascading auf sich hat. CSS ist in den 90er-Jahren entstanden. Level 1 bedeutet Version 1 und darin wurde definiert, wie man Schrift und Farben auf Webseiten gestaltet. Die erste fertige Version gab es 1996. Das wurde ergänzt in CSS Level 2 durch Möglichkeiten zur Positionierung. Da sind wir immer noch in den 90er-Jahren. Mit ein paar Nachbesserungen gab es dann Anfang dieses Jahrtausends CSS Level 2.1 und das ist mit Ergänzungen bis heute der Kern von CSS. Die letzte Überarbeitung stammt von 2011, ist aber heute immer noch gültig. Ungefähr zu der Zeit entstand auch der Begriff CSS3. Das war aber kein neues Level, keine neue Version, sondern eigentlich nur eine Umschreibung für alle nach CSS 2.1 erschienenen Module. Das war also so ein Sammelbegriff, so ein Modewort. Heutzutage ist CSS ein Living Standard, der keine Versionsnummer mehr hat. CSS4 wird es also wahrscheinlich nicht geben und CSS besteht aus verschiedenen Modulen, die unabhängig voneinander entwickelt werden und jeweils eigene Versionsnummern haben. Damit Sie sich das ein bisschen vorstellen können, sehen Sie hier auf dieser Adresse beim World Wide Web Consortium, das den CSS-Standard verwaltet, einen Überblick der verschiedenen Module, nur damit Sie mal einen Eindruck bekommen, wie viele es davon gibt. CSS Color Level 3, die haben alle einzelne Versionsnummern hier. Und die Grundlagen von CSS werden Sie in diesem Kurs kennenlernen.

Inhalt