Was ist CSS?

Sie haben vielleicht schon einmal etwas von CSS gehört. Es ist einAcronym und steht für Cascading Style Sheet. Es handelt sich hierbei um eine Sammlung deklarativer Sprachelemente zur Gestaltung von z.B. (X)HTML und erlaubt u.a. die Positionierung von Elementen, die Festlegung von Vorder- und Hintergrundfarben, die Wahl verschiedener Schriftarten und deren Gestaltung u.v.m. .
Mit der Einführung von CSS durch das W3 Consortium im Jahr 1996 wurde die Trennung von Inhalt und Design vollzogen. Es ist möglich, für unterschiedliche Ausgabemedien wie z.B. Drucker / Bildschirm / Sprache und Projektion unterschiedliche Darstellungen anzubieten. Darüberhinaus wird das Ändern des Design's einer Webseite stark vereinfacht, die Ladezeiten von Webseiten werden deutlich verkürzt und sie sind für Suchmaschinen besser indizierbar.
CSS ist normierter Standard und wird laufend weiterentwickelt. Seiten die mit CSS gestaltet wurden gelten als barrierfrei, sind leicht zu pflegen und werden von allen modernen Browsern ohne zusätzliche Plugins dargestellt.

CSS als Baukastensystem

CSS ist sehr komplex und auf den ersten Blick nicht immer ganz einfach zu verstehen. Daher gibt es s.g. Baukästen für die Webseitengestaltung (siehe Linkliste). Viele Aufgaben des täglichen Lebens lassen sich damit relativ schnell und einfach erledigen.

CssApps's - eine Werkzeugsammlung

Lassen Sie sich von den beeindruckenden Möglichkeiten die Ihnen CSS anbietet, inspirieren. Nutzen sie fertige App's für die Lösung Ihre Probleme. In keiner der hier gezeigten Applikationen kommt Java-Script, Flash o.ä. zum Einsatz. Bis auf wenige gekennzeichnete Ausnahmen laufen alle Beispiele auch auf älteren oder nicht komplett standardkonformen Browsern (z.B. Internet Explorer) und natürlich auf den modernen wie dem Firefox, Opera, Chrome, Safari usw..
Sie finden im Folgenden eine Reihe vorgefertigter APP's, die Sie auf Ihrer privaten Webseite einsetzen können. Der Einsatz auf kommerziellen Seiten, sowie auf Seiten die einen ähnlichen Ansatz wie diese Seite verfolgen, also ein Angebot an Beispielen in CSS darstellen, bedürfen der Zustimmung des Autors. Links auf diese Seite sind natürlich stets willkommen.
Alle APP's sind im Quelltext der Seiten einseh- und kopierbar. Zum Einen im head-Bereich zwischen <style> und </style> sowie im body-Bereich zwischen 'App-Start' und 'App-End'. Damit sollte es dem halbwegs mit CSS vertrauten Anwender möglich sein, entsprechende Anpassungen selbst vorzunehmen. Viele der hier gezeigten App's liegen auch in einer gut dokumentierten Form und mit einer Kurzanleitung vor. Bei Interesse setzen Sie sich bitte mit mir in Verbindung.

Schauen Sie doch mal, was alles einfach nur mit reinem CSS möglich ist.

Diese Seite wird ständig mit neuen APP's erweitert. Sollte diesmal nicht das Passende dabei sein, schauen Sie bei Gelegenheit wieder einmal vorbei oder nutzen Sie mein Angebot.

Viel Spass auf den folgenden Seiten...