Cascading Style Sheets - Das umfassende Handbuch

CSS ist die vom W3C anerkannte Methode, um die visuelle Darstellung von Webdokumenten über die kruden Möglichkeiten von HTML und XHTML hinaus zu beeinflussen und zu vereinfachen. Mit übersichtlichen und leicht zu wartenden Stildefinitionen ist es möglich, ausgefeilte Seitenlayouts für eine ganze Website zu erstellen und bei Bedarf in kürzester Zeit zu verändern. Außerdem können mit CSS Inhalte und Layout von Webdokumenten separat entwickelt werden.

Eric A. Meyer, ein international anerkannter Experte auf den Gebieten HTML, CSS und Webstandards, behandelt in diesem Buch ausführlich die aktuellen Standards CSS2 und CSS2.1. Detailliert beschreibt er alle CSS-Eigenschaften, erläutert, wie sie mit anderen Eigenschaften zusammenwirken und zeigt anhand vieler praktischer Beispiele, wie sie angewendet werden. Zu den behandelten Themen gehören:

- Selektoren, Pseudoklassen und Pseudoelemente
- Struktur und Kaskadierung
- Werte und Einheiten
- Textformatierung und Schriften
- Block- und Inline-Elemente
- Elementbox, Rahmen, Innen- und Außenabstände
- Farben und Hintergründe
- Positionierung und Floats
- Tabellen, Listen und generierter Inhalt

Mit einem Vorwort von Molly Holzschlag, Vorstandsmitglied des Web Standards Project (www.webstandards.org).

Der Autor

Eric A. Meyer arbeitet seit Ende 1993 mit dem Web und ist ein international anerkannter Experte auf den Gebieten HTML, CSS und Webstandards. Als weithin gelesener Autor ist er auch Gründer der Firma Complex Spiral Consulting (www.complexspiral.com), die Macromedia und Wells Fargo zu ihren Kunden zählt und die sich darauf konzentriert, Kunden dabei zu helfen, Geld zu sparen und die Effizienz zu steigern, indem sie standardorientierte Webdesign-Techniken verwendet.

Seit Anfang 1994 war Eric als Campus-Web-Koordinator für die optische Gestaltung der Website der Case Western Reserve University zuständig, wo er auch eine weithin anerkannte Reihe von drei HTML-Tutorials schrieb. Er war außerdem Projektkoordinator für die Online-Version der Encyclopedia of Cleveland History und des Dictionary of Cleveland Biography (ech.cwru.edu), der ersten Enzyklopädie städtischer Geschichte, die vollständig und frei im Web veröffentlicht wurde.

Als Autor von Cascading Style Sheets: The Definitive Guide (O’Reilly), Eric Meyer on CSS (New Riders) und CSS2.0 Programmer’s Reference (Osborne/McGraw-Hill) sowie zahlreicher Artikel für das O’Reilly Network, Web Techniques und Web Review hat Eric außerdem die CSS Browser Compatibility Charts kreiert und koordinierte die Entwicklung und Erzeugung der offiziellen CSS Test Suite des W3C. Er hielt Vorträge für eine große Auswahl an Institutionen inklusive dem Los Alamos National Laboratory, der New York Public Library, der Cornell University und der University of Northern Iowa. Außerdem sprach Eric auf zahlreichen Konferenzen, unter anderem der IW3C2 WWW, Web Design World, CMP, SXSW, der User Interface-Konferenzreihe und The Other Dreamweaver Conference.

In seiner Freizeit fungiert Eric als List Chaperone (»Anstandswauwau«) der höchst aktiven Mailing-Liste css-discuss (www.css-discuss.org), die er zusammen mit John Allsopp von Western Civilisation mitbegründet hat und die nun von evolt.org betreut wird. Eric lebt in Cleveland, Ohio, das eine wesentlich nettere Stadt ist, als man Ihnen glauben machen will, und er ist der Moderator von »Your Father’s Oldsmobile«, einer Radiosendung mit Musik aus der Big Band-Ära, die wöchentlich auf WRUW 91.1 FM in Cleveland ausgestrahlt wird (www.wruw.org). Wenn er nicht anderweitig beschäftigt ist, geht er für gewöhnlich seiner Frau Kat auf die eine oder andere Weise auf die Nerven.

Der Übersetzer

Jørgen W. Lang lebt als freier Übersetzer, Webdesigner und -programmierer sowie als Dozent für Webdesign und CGI-Programmierung in Hamburg. Neben der Musik widmet er sich, falls er Zeit hat, der Beantwortung von Fragen in den deutschsprachigen Perl- Newsgruppen. Unter der Adresse http://www.worldmusic.de/perl/ hat er eine Reihe von Ressourcen zusammengetragen, die besonders Anfängern den Einstieg in Perl erleichtern sollen. Zu erreichen ist er unter jwl@worldmusic.de. 


Leseprobe:

KAPITEL 5 Zeichensätze (S. 99-100)

Die Autoren der CSS-Spezifikation haben schon ganz richtig erkannt, dass die Möglichkeit, Zeichensätze (Schriften, Fonts) auszuwählen, ein sehr beliebtes und (wichtiges) Merkmal von CSS sein würde. Viele Seiten wurden im Laufe der Zeit mit Dutzenden oder sogar Hunderten von -Tags zugemüllt. Daher wundert es nicht, wenn der Abschnitt »Zeichensatz-Eigenschaften« der Spezifikation mit dem Satz beginnt: »Die Möglichkeit, Eigenschaften für Zeichensätze festzulegen, wird eine der häufigsten Anwendungen von Stylesheets sein.«

Trotz dieser Bedeutung gibt es bis heute keine Möglichkeit, eine konsequente Benutzung von Zeichensätzen im Web sicherzustellen, weil es keine einheitliche Möglichkeit gibt, Schriften und deren Unterarten zu beschreiben. So sind die Schriften Times, Times New Roman und TimesNR sich sehr ähnlich oder sogar gleich, aber woher soll ein Benutzerprogramm das wissen? Zwar kann ein Autor in seinem Dokument »TimesNR« angeben; was aber passiert, wenn der betreffende Zeichensatz beim Benutzer nicht installiert ist? Und selbst wenn stattdessen Times New Roman vorhanden ist, kann der Browser nicht wissen, dass beide Zeichensätze quasi identisch sind. Falls Sie darauf hoffen, einem Leser einen bestimmten Zeichensatz aufzwingen zu können, vergessen Sie die Sache besser gleich.

Obwohl in CSS2 Mechanismen für das Herunterladen von Zeichensätzen definiert wurden, wurden diese von Webbrowsern nicht besonders gut implementiert. Außerdem kann der Leser ein Herunterladen von Fonts aus Performance-Gründen einfach unterbinden. CSS bietet nicht mehr Kontrolle über Zeichensätze als ein Textverarbeitungsprogramm auch. Wenn jemand ein von Ihnen erstelltes Microsoft Office-Dokument lädt, wird dessen Darstellung von den Zeichensätzen abhängen, die auf dem Rechner des Lesers installiert sind. Wenn der Leser nicht die gleichen Schriften wie Sie hat, wird sich die Darstellung unterscheiden. Das Gleiche gilt für Dokumente, die mit Hilfe von CSS erstellt wurden.

Das Problem mit den Zeichensatznamen wird besonders verwirrend, wenn Sie in das Reich der verschiedenen Variationen wie fett gedrucktem oder kursivem Text vordringen. Die meisten Leute wissen, wie kursiver Text aussieht, aber die wenigsten können erklären, wie er sich von »abgeschrägtem« Text unterscheidet. »Abgeschrägt« bzw. »slanted« ist in der englischen Sprache nicht einmal der einzige andere Ausdruck für kursiven Text; unter anderem werden auch italic, oblique, inclined (geneigt) und cursive benutzt. So kann die eine Kursivschrift den Namen TimesItalic tragen, während eine andere vielleicht GeorgiaOblique heißt. Selbst wenn es sich bei beiden um die kursive Variante der betreffenden Schrift handelt, tragen beide sehr unterschiedliche Bezeichnungen. Ähnlich verhält es sich mit Schriftvarianten, die fett gedruckt dargestellt werden; Dinge wie bold, black und heavy können, müssen aber nicht das Gleiche bedeuten.

CSS versucht, diese Zeichensatzfragen aufzulösen, kann aber auch keine vollständige Lösung bieten. Am schwierigsten gestaltet sich hierbei das Ermitteln der richtigen Schriftenfamilie (font-family), der Schriftgewichtung (font-weight) und – auf einem knappen dritten Platz – die Berechnung der Schriftgröße. Die von CSS behandelten Zeichensatzfragen beziehen sich auf Schriftschnitte, wie Kursivschrift, und auf Schriftvarianten, wie zum Beispiel Kapitälchen. Diese sind relativ gesehen wesentlich einfacher zu handhaben. Die verschiedenen Aspekte bei der Arbeit mit Zeichensätzen werden mit einer einzigen CSS-Eigenschaft beschrieben, font, die wir später in diesem Kapitel detailliert betrachten werden. Zuerst wollen wir uns jedoch mit den verschiedenen Schriftenfamilien befassen, weil sie die wichtigste Grundlage für die Auswahl des richtigen Fonts für Ihr Dokument bilden.

Kapitel:
0. Inhalt und Vorwort
1. 1 CSS und Dokumente (24 Seiten)
2. 2 Selektoren (40 Seiten)
3. 3 Struktur und Kaskadierung (16 Seiten)
4. 4 Werte und Einheiten (18 Seiten)
5. 5 Zeichensätze (37 Seiten)
6. 6 Texteigenschaften (31 Seiten)
7. 7 Grundlagen der visuellen Formatierung (54 Seiten)
8. 8 Innenabstände, Rahmen und Außenabstände (40 Seiten)
9. 9 Farben und Hintergründe (39 Seiten)
10. 10 Floats und positionierte Elemente (59 Seiten)
11. 11 Tabellen-Layout (32 Seiten)
12. 12 Listen und erzeugte Inhalte (26 Seiten)
13. 13 Benutzerschnittstellen (17 Seiten)
14. 14 Andere Medien (39 Seiten)
15. A Eigenschaften-Referenz (43 Seiten)
16. B Referenz der Selektoren, Pseudoklassen und Pseudoelemente (7 Seiten)
17. C Beispiel für ein HTML 4-Stylesheet (4 Seiten)
18. Index,. Über den Autor, Über den Übersetzer