Unterschied von padding-top und margin-top?
Hey, ich lerne seit neuem HTML und CSS, und würde gerne wissen, was der Unterschied zwischen diesen beiden Elementen ist
2 Antworten
Padding ist der Abstand vom Inhalt zur Umrandung und Margin ist der Abstand außen von der Umrandung zu anderen Elementen.
Du solltest unbedingt das Box Modell lernen, das ist eine Grundlage von CSS.
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Box_Model/Introduction_to_the_CSS_box_model
Margin ist grob gesagt der außenabstand und padding der innenabstand. Kannst ja mal ausprobieren.
Margin ist der Außenabstand zu anderen Elementen. Padding ist der Innenabstand zu enthaltenen Elementen.
Mach dir ein DIV in einem 2. DIV. Gib beiden einen Rand (border) und schreibe in den inneren div ein paar Wörter. Dann gibst du dem inneren div wechselnde Werte für margin und padding und du wirst sehen dass sich die Abstände vom Rahmen zum inneren Text ändert (padding) sowie der Abstand des inneren DIV-Rahmens zum äußeren DIV-Rahmen (margin).
Ich habe es ein paarmal ausprobiert, an manchen Elementen macht es keinen unterschied, wenn ich padding oder margin benutze, und an manchen ein bisschen. Was ist mit Innen und Außenabstand gemeint