Grundlagen der visuellen Darstellung

CSS definiert Algorithmen für das Layout aller Elemente in einem Dokument. Diese Algorithmen bilden das Fundament der visuellen Darstellung in CSS. Es gibt zwei grundlegende Arten des Layouts mit unterschiedlichem Verhalten: Block-Layout und Inline-Layout.

Layout für Block-Elemente

Eine Block-Box erzeugt in CSS eine rechteckige Box, die als Element-Box bezeichnet wird und die Menge des von dem Element belegten Platzes definiert. Figure 1-2 zeigt die diversen Bestandteile einer Element-Box. Für eine Element-Box gelten die folgenden Regeln:

  • Der Hintergrund der Element-Box erstreckt sich bis zur Außenkante des Rahmens und füllt so die Bereiche des Inhalts, des Innenabstands und des Rahmens. Wenn der Rahmen transparente ...

Get CSS kurz & gut, 4th Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.