Alles im Internet ist eckig, selbst dann, wenn es nicht so scheint. Das CSS-Boxmodell beschreibt den rechteckigen Raum, der für alle Elemente im Dokumentenbaum generiert wird. Im Grunde einfach, wird das Boxmodell dann zur Herausforderung, wenn Browser es fehlinterpretieren: So hat es nahezu jeder Webdesigner und -entwickler beim Internet Explorer 5 kennengelernt.
Im zeitgemäßen standardkonformen Webdesign verfügen wir über eine ganze Reihe von interessanten Möglichkeiten, unsere Dokumente typografisch zu gestalten. Die durch das Medium World Wide Web und die darauf gründenden Webstandards gegebene Flexibilität und Dynamik ermöglicht uns, Webdokumente für unsere Leser optimal vorzubereiten und zu gestalten. Wenn wir diese Flexibilität im Sinne unserer Leser nutzen, so ermöglichen wir ihnen, unsere Dokumente ihrem eigenen Bedürfnis entsprechend – und nach Möglichkeit ihrer bevorzugten Software – darzustellen. Schauen wir uns einige Möglichkeiten an:
Meist unterschätzt und oft schwierig zu verstehen ist das, was CSS die „Kaskade" nennt. Die Kaskade bestimmt welche Regeln auf Elemente angewandt werden oder nicht. Vieles davon nehmen wir als selbstverständlich hin, doch bei Problemen ist hier oft die Lösung zu finden.
Um HTML-Elemente nicht auf der gesamten Seite einheitlich optisch zu verändern, sondern auch Unterschiede zwischen gleichen Elementen machen zu können, wurden in HTML die Attribute “class” und “id” festgelegt. Beide Attribute dienen außerdem dazu, die allgemeine Struktur eines Dokumentes zu verfeinern, indem die Seite z.B. in einzelne Bereiche wie Header, Navigation und Footer eingeteilt wird.
Eine (X)HTML-Seite ohne jede CSS-Information ist nichts weiter als unformatierter Text. Jeder Browser gibt einer Webseite allerdings CSS-Grundregeln mit auf den Weg. So sind zum Beispiel Schriftart und -größe, sowie Abstände vordefiniert. Mit einfachen Methoden kann man diese Grundformatierungen zurückzusetzen, um die Kontrolle über die Eigenschaften zu behalten.