Was ist das Box-Modell?

In CSS wird jedes HTML-Element als rechteckige Box behandelt, die dem Box-Modell folgt. Dieses Modell besteht aus vier Hauptteilen:

1. Inhalt – Der eigentliche Text, das Bild oder andere Inhalte innerhalb der Box.

2. Padding – Abstand zwischen dem Inhalt und dem Rahmen. Es vergrößert die Größe des Elements, aber die Hintergrundfarbe bleibt darin erhalten.

3. Rahmen (Border) – Eine Linie, die das Padding und den Inhalt umgibt. Er kann verschiedene Stile, Farben und Breiten haben.

4. Margin – Platz außerhalb des Rahmens, der das Element von anderen Elementen trennt.

Das Verständnis des Box-Modells hilft dabei, Abstände und Layout im Webdesign zu kontrollieren! 🚀