Worin Sie das Box-Modell kennenlernen, eine der wichtigsten Grundlagen für das Gestalten mit CSS. Neben padding, border und margin erfahren Sie noch einiges über das Einbinden von Hintergrundgrafiken.

Die Themen im Überblick:

• 7.1 Potenzielle Probleme beim Gestalten der Kästchen
• 7.2 Das Box-Modell in der Übersicht
• 7.3 Kalibrierung: Abstände auf null setzen
• 7.4 Webseite zentrieren mit width und margin
• 7.5 Rahmenlinien erstellen: border
• 7.6 Ein bisschen Abstand drum herum: padding
• 7.7 Das Box-Modell und die farbliche Gestaltung
• 7.8 Hintergrundgrafiken per CSS

Die HTML-Einführung begann mit der Feststellung, dass Webseiten aus rechteckigen Kästchen bestehen. Alle Texte und Grafiken einer Webseite liegen in solchen Kästchen. Ohne Ausnahme. Man kann es auch Kiste oder Container nennen. Auf Englisch heißt es Box.