Workshop HTML5 & CSS3

38 Grundprinzipien der Darstellung: Box-Modell und Elementfluss

In diesem Kapitel finden Sie wahrscheinlich »des Pudels Kern« von CSS. Das im englischen Standard als »Box model« bezeichnete, auch als Kastenmodell übersetzte Box-Modell beschreibt die grundsätzlichen Verhaltensweisen von einzelnen HTML-Elementen. Das Gesamtbild einer Webseite wird maßgeblich durch den unterschiedlichen Einsatz von Block-, Inlineblock- und Inline-Elementen bestimmt. Elementfluss und Reihenverhalten sind die Charakteristiken, wie sich die einzelnen HTML zueinander verhalten.

Auch wenn dies zunächst sehr theoretisch klingt, basiert das Grundverständnis von CSS genau auf diesen unterschiedlichen Verhaltensweisen von HTML-Elementen. Haben Sie dies verinnerlicht, ist ...