1.3 Was ist CSS?
CSS Level 2 (CSS 2.0) wurde im Mai 1998 als Empfehlung veröffentlicht. Seit 2002 wurde dann an der überarbeiteten Version CSS Level 2 revision 1 (CSS 2.1) gearbeitet, die Arbeit wurde 2011 mit einer Empfehlung abgeschlossen. Diese Version bereinigt einige Unstimmigkeiten in CSS 2.0 und es entfallen diejenigen Teiltechniken, die vorher in Darstellungsprogrammen nicht korrekt oder gar nicht implementiert wurden. CSS 2.1 brachte selbst keine grundlegend neuen Merkmale mit sich, lediglich bei einigen Eigenschaften wurden ein paar Werte ergänzt. In wenigen Fällen gibt es auch Widersprüche zwischen CSS 2.0 und CSS 2.1 und zum Beispiel im Kapitel über Einheiten wurden mit CSS 2.1 neue Inkonsistenzen und Ungereimtheiten eingeführt, die allerdings das Verhalten der Darstellungsprogramme besser widerspiegeln als eine widerspruchsfreie Definition.
CSS 2.1 wurde nach vielen Überarbeitungen am 2011-07-06 als endgültige Empfehlung vom W3C veröffentlicht und wird derzeit von den gängigen aktuellen Darstellungsprogrammen zum größten Teil umgesetzt. Voraussetzung für die Veröffentlichung der Empfehlung war, dass es pro Merkmal mindestens zwei Programme gibt, welche es korrekt interpretieren können.
Derzeit ist CSS Level 3 (CSS 3) in der Entwicklung. CSS 3 ist im Gegensatz zu den Vorgängern modular aufgebaut, das heißt einzelne Teiltechniken (beispielsweise zur Steuerung der Sprachausgabe) haben ihren eigenen Entwicklungsrhythmus und Versionsschritte. Einige Module wurden bereits (2011 zum Beispiel Selectors, Color, Namespaces) als fertige Empfehlungen veröffentlicht. [1] Entsprechend werden auch die ersten Teile von CSS3 bereits in den verbreiteten Darstellungsprogrammen implementiert.Quelle: https://de.wikibooks.org/wiki/Websiteentwicklung:_CSS:_Geschichte#:~:text=Das%20Konzept%20der%20Cascading%20Style,zusammenzuarbeiten%20und%20CSS%20zu%20entwickeln.
1.3.3 Los geht`s
Lassen Sie uns gleich mit der praktischen Arbeit beginnen. Als Grundlage für die weitere Arbeit soll uns ein einfaches HTML Dokument dienen, welches Ihnen in seinem Aufbau bekannt vorkommen sollte.
Öffnen Sie Ihren Editor und schreiben Sie ein einfaches HTML Dokument. Das Dokument soll über zwei Überschriften mit jeweils einem Textabsatz und einem Hyperlink verfügen.
Der Code
Das HTML Dokument könnte folgendermaßen aussehen.
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Arbeit mit CSS</title>
</head>
<body>
<main>
<section>
<h1>Willkommen auf unserer Internetseite</h1>
<p>
Sehen Sie sich auf unserer Internetseite um, und bestaunen Sie
die zahlreichen Inhalte. Hier lernen Sie alles über das Gestalten
von Webseiten. Für weitere Informationen folgen Sie
diesem <a href="###" target="_self" title="Mehr Informationen">Link!</a>
</p>
</section>
<section>
<h1>Über CSS</h1>
<p>
Zum Gestalten von Webseiten benötigen wir die Computersprache CSS.
Hier erhalten Sie erste Einblicke im Umgang mit dieser Computersprache.
Für weitere Informationen folgen Sie
diesem <a href="###" target="_self" title="Mehr Informationen">Link!</a>
</p>
</section>
</main>
</body>
</html>
Legen Sie sich einen Projektordner an und speichern Sie das Dokument unter dem Namen
index.html ab!
Ansicht im Browser
Unser Dokument sieht vorerst relativ unspektakulär aus. Dies soll sich mit dem Einasatz von CSS bald ändern.
Sehen Sie sich das obige Beispiel noch einmal genau an! Wie Sie sehen, gibt es bereits Anweisungen zum Layout. Die Farbe der Schrift und der Hyperlinks, die Größe und die Abstände der Elemente sind bereits definiert. Diese Informationen stammen aus der sog. Standard-CSS-Datei des Browsers (dem user agent stylesheet).
D.h., dass bereits für jedes Element bestimmte Regeln existieren! Denken Sie also immer daran, dass beim Manipulieren von Elementen, evtl. noch weitere Regeln innerhalb der Standard-CSS-Datei greifen!