RedaktionHypertext Markup Language (HTML) wird benutzt, um Bilder und Text auf einer Webseite darzustellen. Durch den Einsatz von Cascading Style Sheets (CSS) kann diese Darstellung erweitert werden. So können mit HTMLTags (Auszeichnungen) Texte in Blöcke gegliedert und Bilder eingebunden werden. Mit Hilfe von CSS wird zusätzlich noch die Textfarbe, Größe, Art etc. bestimmt. Es ist auch möglich Bilder in, über oder unter dem Text zu positionieren und einen bestimmten Abstand zum Text einnehmen zu lassen oder einen Rahmen um ein Bild zu legen und es vom Text umschliessen zu lassen.
Warum zusätzlich CSS?
Anfangs reichte es völlig aus, mit HTML seine Texte zu strukturieren. Bald wurden jedoch HTML Tags wie „table“ dazu genutzt, weitere gestalterische Maßnahmen für Webseiten umzusetzen. Noch heute findet man einige Seiten die Tabellen Layouts benutzen. Der Tabellen Tag ist aber nicht für das Layout einer Webseite zuständig, sondern für die Einleitung einer Tabelle. Um den „Missbrauch“ von HTML Tags zu unterbinden und eine erweiterte Darstellungsmöglichkeit zu bieten, wurde CSS eingeführt. Browser, insbesondere der Internet Explorer, interpretieren Tags unterschiedlich. Bei HTML besteht diesbezüglich kaum Gefahr, solange es für die eigentlichen Zwecke eingesetzt wird. Bei CSS hingegen, muss oft für den IE eine Sonderregelung geschrieben werden. Dennoch hat man mit der CSS Einführung eine Trennung von Darstellung und Strukturierung geschaffen und eine bessere Darstellung für unterschiedliche Browser umgesetzt.
CSS richtig einbinden
CSS kann direkt im Text, am Anfang eines Dokumentes oder in einer extra Datei geschrieben werden. Die Nutzung einer externen Datei ist dabei zu empfehlen, da man hier alle Darstellungselemente zentral bearbeiten kann. Falls mehrere Layouts genutzt werden sollen, ist es auch möglich mehrere CSS Dateien einzubinden und dementsprechend auszutauschen.
