Das CSS Box Model - Inhalt, Padding, Rahmen und Margin verstehen - CSS Tutorial 09 - Deutsch

Das CSS Box Modell ist eines der wichtigsten Features von CSS, denn nur, wer es richtig versteht, kann nachvollziehen, warum das Layout einer Seite so aussieht, wie es aussieht. Es befasst sich mit den Größen und Abständen der Elemente und deren Rahmen und bereitet vielen Entwicklern regelmäßig Kopfzerbrechen. Damit das euch nicht so geht, erfahrt ihr in diesem Video alles, was ihr über das Box Modell wissen müsst. 00:00 Was ist das Box Modell? 01:00 Die Beispieldateien 03:35 Die Entwicklertools des Browsers 07:30 width & height: Anpassen der Größe des Elements 08:45 Die padding Eigenschaften 10:22 box-sizing: Festlegen, wofür width & height gelten 12:30 Die margin Eigenschaften 15:55 Abonniert den Kanal :) Thumbnail Bildquelle: Rectangle Von Yaroslav Samoylov The Noun Project