Das Box-Modell
Boxen haben "Zwiebelschalen"
Alle HTML-Blockelemente sind gleich aufgebaut. Die Schichten kannst du mit CSS genau definieren, was dir auf den nächsten Seiten genauer erklärt wird.
Selbstverständlich man eine Schicht auch weglassen. Findet der Browser z.B. keine CSS-Eigenschaft für den Rahmen, wird dieser einfach weggelassen.
Bildquelle: Bagok, CC BY-SA 3.0, via Wikimedia Commons
Themen in dieser Rubrik
- Eine Box mit Stil
- Hintergrund-Farbe background-color
- Breite width
- Höhe height
- oben rechts unten links
- Innenabstand padding
- Aussenabstand margin
- Quiz: "Das Box-Modell"
Pofiwissen über Boxen findest du in der nächsten Rubrik: "Noch mehr über Boxen"