Heim > Artikel > Web-Frontend > Was ist ein Boxmodell?
Was ist ein Boxmodell?
Das CSS-Box-Modell ist im Wesentlichen eine Box, die umgebende HTML-Elemente kapselt, einschließlich: Ränder, Rahmen, Auffüllung und den eigentlichen Inhalt.
Das Box-Modell ermöglicht es uns, Elemente im Raum zwischen anderen Elementen und dem Rand des umgebenden Elements zu platzieren.
Bild des Boxmodells:
(Empfohlenes Video-Tutorial: CSS-Video-Tutorial)
Einführung in Komponenten:
Rand (Margin) – löscht den Bereich außerhalb des Randes und der Rand ist transparent.
Rand – Ein Rand um Polsterung und Inhalt.
Polsterung – löscht den Bereich um den Inhalt und macht die Polsterung transparent.
Inhalt – der Inhalt der Box mit Text und Bildern.
Höhe und Breite des Elements
Wenn wir die Breiten- und Höheneigenschaften eines CSS-Elements angeben, legen wir einfach die Breite und Höhe des Inhaltsbereichs fest. Zu Elementen in voller Größe gehören auch Innenabstände, Ränder und Ränder usw.
Beispiel:
Rendering:
Empfohlenes Tutorial: Erste Schritte mit CSS Anleitung
Das obige ist der detaillierte Inhalt vonWas ist ein Boxmodell?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!