CSS: Unterschied zwischen den Versionen
Keine Bearbeitungszusammenfassung |
K (→CSS3) |
||
| (3 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| 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 | 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 | 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 | 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 | 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 17: | 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 | 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 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 | 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 wirkt sie wenig ansprechend. | |||
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 | ||
[http://www.csszengarden.com/ | [http://www.csszengarden.com/ csszengarden.com] | ||
Hier haben sich viele Künstler und Designer verewigt, doch jeder darf sich hier versuchen. | Hier haben sich viele Künstler und Designer verewigt, doch jeder darf sich hier versuchen. | ||
==Zusätzlicher Nutzen== | ==Zusätzlicher Nutzen== | ||
Da | 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 | 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== | ==Weblinks== | ||
* [http://www.w3.org/Style/CSS/ | * [http://www.w3.org/Style/CSS/ W3.org/Style/CSS] | ||
* [http://www.css3.info/ | * [http://www.css3.info/ css3.info] | ||
* [http://www.w3schools.com/css/ | * [http://www.w3schools.com/css/ w3schools.com/css] | ||
Aktuelle Version vom 8. September 2015, 10:20 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 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 wirkt sie wenig ansprechend.
Ein hervorragendes Beispiel für die Vielfältigkeit von CSS zeigt die Seite
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.