CSS: Unterschied zwischen den Versionen

Aus Social-Media-ABC
Zur Navigation springen Zur Suche springen
(Doppelter Inhalt gelöscht, Links anwendbar gemacht)
KKeine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
Die Abkürzung CSS steht für Cascading Style Sheets. Häufig wird CSS ergänzend zur Auszeichnungssprache [[HTML]] eingesetzt. Denn während die Funktion von [[HTML]] lediglich in dem Auszeichnen von Texten besteht, dient CSS der Gestaltung des Layouts.  
Die Abkürzung CSS steht für Cascading Style Sheets. Häufig wird CSS ergänzend zur Auszeichnungssprache [[HTML]] eingesetzt. Denn während die Funktion von [[HTML]] lediglich in der Wiedergabe von Texten besteht, dient CSS der Gestaltung des Layouts. CSS ermöglicht damit die Trennung von Inhalt und Form.  




==Geschichte==
==Geschichte==
CSS wurde bereits 1995 erfunden und untersteht sei dem einem kontinuierlichen Weiterentwicklungsprozess.
CSS wurde bereits 1995 erfunden und unterliegt seitdem einem kontinuierlichen Weiterentwicklungsprozess.
In den Anfängen gab es neben dem, was heute als CSS bekannt ist, mehrere ähnliche Ansätze, aber die Erfinder des ursprünglichenCSS, [http://www.w3.org/People/howcome/ Håkon Wium Lie] und [http://www.w3.org/People/Bos/ Bert Bos], waren erfolgreich mit der Umsetzung Ihrer Idee.
In den Anfängen gab es neben dem, was heute als CSS bekannt ist, mehrere ähnliche Ansätze, aber die Erfinder des ursprünglichen CSS, [http://www.w3.org/People/howcome/ Håkon Wium Lie] und [http://www.w3.org/People/Bos/ Bert Bos], waren erfolgreich mit der Umsetzung Ihrer Idee.




==Versionen==  
==Versionen==  
===CSS1===
===CSS1===
1995 wurde das [http://www.w3.org/ W3C] bei einer Präsentation auf CSS aufmerksam, und bereits Ende 1996 wurde die CSS Level 1 Recommendation (kurz CSS1) veröffentlicht. CSS1 wird mittlerweile von allen aktuellen Webbrowsern vollständig ausgelesen.
1995 wurde das [http://www.w3.org/ W3C] bei einer Präsentation auf CSS aufmerksam und bereits Ende 1996 wurde die CSS Level 1 Recommendation (kurz CSS1) veröffentlicht. CSS1 wird mittlerweile von allen aktuellen Webbrowsern vollständig ausgelesen.


===CSS2===
===CSS2===
Zeile 15: Zeile 15:


===CSS3===
===CSS3===
Die dritte Version von CSS ist schon seit 2000 in Arbeit. Im Gegensatz zur Level-2-Version hat man keine einzelne Spezifikation mehr eingesetzt, sondern die verschiedenen Features wurden mit CSS3 in verschiedene Module eingeordnet. Jedes Modul fügt neue Eigenschaften hinzu und erweitert die in CSS 2.1 definierten Features damit – wodurch auch alles besonders abwärtskompatibel bleibt. Im Gegensatz zu den vorangegangenen Versionen ist es sehr erfreulich, dass viele moderne Webbrowser auch einige der neuen CSS3-Module, die noch nicht mal durch das [http://www.w3.org/ W3C] standardisiert wurden, begünstigen.
Die dritte Version von CSS ist schon seit 2000 in Arbeit. Im Gegensatz zur Level-2-Version hat man keine einzelne Spezifikation mehr eingesetzt, sondern die verschiedenen Features wurden mit CSS3 in verschiedene Module eingeordnet. Jedes Modul fügt neue Eigenschaften hinzu und erweitert die in CSS 2.1 definierten Features damit – wodurch auch alles besonders abwärtskompatibel bleibt. Im Gegensatz zu den vorangegangenen Versionen begünstigen viele moderne Webbrowser auch einige der neuen CSS3-Module, noch bevor diese durch das [http://www.w3.org/ W3C] standardisiert wurden.




==Funktion==
==Funktion==


Der Inhalt einer Webseite besteht zumeist aus Text der mit Hilfe von [[HTML]]-Elementen seine semantische Bedeutung erhält, zusätzlich können Mediadateien wie Bilder oder Videos eingebettet werden. Häufig finden sich auch Scripte die bestimmte Effekte auf der Seite verursachen. Das Aussehen oder Erscheinungsbild einer modernen Webseite aber bestimmt das CSS.
Der Inhalt einer Webseite besteht zumeist aus Text, der mit Hilfe von [[HTML]]-Elementen inhaltlich strukturiert. Zusätzlich können Mediadateien wie Bilder oder Videos eingebettet werden. Häufig finden sich auch Scripte, die bestimmte Effekte auf der Seite bewirken. Das Aussehen oder Erscheinungsbild einer modernen Webseite aber bestimmt das CSS.


CSS unterstütz die Trennung von Struktur und Gestaltung eines [[HTML]]-Dokumentes.
Ohne [[HTML]]-Auszeichnung hat eine Webseite für [[Crawler]] und andere Lesegeräte wenig Aussagekraft und ohne CSS die Seite wenig ansprechend wirkt.
Daraus ergibt sich:
 
* [[HTML]] definiert die Bedeutung respektive die Semantik des Inhalts.
* [[CSS]] definiert die Wiedergabe des Inhalts.
 
Somit lässt sich sagen das ohne [[HTML]]-Auszeichnung die Webseite für [[Crawler]] und andere Lesegeräte wenig Aussagekraft hat und ohne CSS die Seite wenig ansprechend wirkt.


Ein hervorragendes  Beispiel für die Vielfältigkeit von CSS zeigt die Seite  
Ein hervorragendes  Beispiel für die Vielfältigkeit von CSS zeigt die Seite  
Zeile 38: Zeile 32:


==Zusätzlicher Nutzen==
==Zusätzlicher Nutzen==
Da die Steuerung der Farben, Schriften, Schriftgrößen, Abstände usw. nur an einer Datei verändert werden müssen lässt sich eine gesamte Webseite schnell und effektiv umgestalten, falls nötig.
Da Farben, Schriften, Schriftgrößen, Abstände usw. nur in einer Datei verändert werden müssen, lässt sich eine gesamte Webseite schnell und effektiv umgestalten.


Dank der Trennung der (semantischen) Inhalte des [[HTML]]-Dokuments und der Gestaltung mit CSS wird auch der barrierefreie Zugang für Menschen mit eingeschränkten Fähigkeiten erleichtert.
Dank der Trennung der (semantischen) Inhalte des [[HTML]]-Dokuments und der Gestaltung mit CSS wird auch der barrierefreie Zugang für Menschen mit Einschränkungen erleichtert.





Version vom 8. September 2015, 10:16 Uhr

Die Abkürzung CSS steht für Cascading Style Sheets. Häufig wird CSS ergänzend zur Auszeichnungssprache HTML eingesetzt. Denn während die Funktion von HTML lediglich in der Wiedergabe von Texten besteht, dient CSS der Gestaltung des Layouts. CSS ermöglicht damit die Trennung von Inhalt und Form.


Geschichte

CSS wurde bereits 1995 erfunden und unterliegt seitdem einem kontinuierlichen Weiterentwicklungsprozess. In den Anfängen gab es neben dem, was heute als CSS bekannt ist, mehrere ähnliche Ansätze, aber die Erfinder des ursprünglichen CSS, Håkon Wium Lie und Bert Bos, waren erfolgreich mit der Umsetzung Ihrer Idee.


Versionen

CSS1

1995 wurde das W3C bei einer Präsentation auf CSS aufmerksam und bereits Ende 1996 wurde die CSS Level 1 Recommendation (kurz CSS1) veröffentlicht. CSS1 wird mittlerweile von allen aktuellen Webbrowsern vollständig ausgelesen.

CSS2

Die nächste Version wurde bereits 1998 lanciert. Da es hier allerdings einige Unstimmigkeiten gab und CSS Level 2 bei der Verwendung im Web oft Probleme bereitete, weil verschiedene Webbrowser einige Dinge nicht vollständig oder korrekt umsetzten, hat man diese Version 2002 mit einer Zwischenversion CSS Level 2 Revision 1 (CSS2.1) überarbeitet, in der einige dieser Missstände behoben bzw. entfernt wurden. Es dauerte allerdings bis 2011, bis CSS2.1 als Recommendation verbreitet wurde.

CSS3

Die dritte Version von CSS ist schon seit 2000 in Arbeit. Im Gegensatz zur Level-2-Version hat man keine einzelne Spezifikation mehr eingesetzt, sondern die verschiedenen Features wurden mit CSS3 in verschiedene Module eingeordnet. Jedes Modul fügt neue Eigenschaften hinzu und erweitert die in CSS 2.1 definierten Features damit – wodurch auch alles besonders abwärtskompatibel bleibt. Im Gegensatz zu den vorangegangenen Versionen begünstigen viele moderne Webbrowser auch einige der neuen CSS3-Module, noch bevor diese durch das W3C standardisiert wurden.


Funktion

Der Inhalt einer Webseite besteht zumeist aus Text, der mit Hilfe von HTML-Elementen inhaltlich strukturiert. Zusätzlich können Mediadateien wie Bilder oder Videos eingebettet werden. Häufig finden sich auch Scripte, die bestimmte Effekte auf der Seite bewirken. Das Aussehen oder Erscheinungsbild einer modernen Webseite aber bestimmt das CSS.

Ohne HTML-Auszeichnung hat eine Webseite für Crawler und andere Lesegeräte wenig Aussagekraft und ohne CSS die Seite wenig ansprechend wirkt.

Ein hervorragendes Beispiel für die Vielfältigkeit von CSS zeigt die Seite

csszengarden.com

Hier haben sich viele Künstler und Designer verewigt, doch jeder darf sich hier versuchen.


Zusätzlicher Nutzen

Da Farben, Schriften, Schriftgrößen, Abstände usw. nur in einer Datei verändert werden müssen, lässt sich eine gesamte Webseite schnell und effektiv umgestalten.

Dank der Trennung der (semantischen) Inhalte des HTML-Dokuments und der Gestaltung mit CSS wird auch der barrierefreie Zugang für Menschen mit Einschränkungen erleichtert.


Weblinks