Kapitel 6. Grundlegende visuelle Formatierung
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Wahrscheinlich hast du schon einmal die frustrierende Erfahrung gemacht, dass dein geplantes Layout nicht wie erwartet dargestellt wird. Nachdem du 27 Stilregeln hinzugefügt hast, um es perfekt zu machen, weißt du vielleicht immer noch nicht, welche Regel dein Problem gelöst hat. Bei einem so offenen und leistungsstarken Modell wie dem von CSS kann kein Buch alle Möglichkeiten der Kombination von Eigenschaften und Effekten abdecken. Du wirst zweifellos neue Wege entdecken, CSS zu nutzen. Wenn du jedoch weißt, wie das visuelle Rendering-Modell funktioniert, wirst du besser in der Lage sein, festzustellen, ob ein Verhalten eine korrekte (wenn auch unerwartete) Folge der Rendering-Engine ist, die CSS definiert.
Basic Boxen
Im Kern geht CSS davon aus, dass jedes Element eine oder mehrere rechteckige Boxen erzeugt, die sogenannten Elementboxen. (Zukünftige Versionen der Spezifikation können auch nicht-rechteckige Formen zulassen, und es wurden tatsächlich Änderungen vorgeschlagen, aber im Moment sind alle Boxen nochrechteckig).
Jede Elementbox hat einen Inhaltsbereich in ihrer Mitte. Dieser Inhaltsbereich ist von optionalen Auffüllungen, Rändern, Umrandungen und Rändern umgeben. Diese Bereiche gelten als optional, weil sie alle auf die Größe 0 gesetzt werden können, wodurch sie aus dem Elementkasten entfernt ...