Ich habe es mir früher immer so vereinfacht gemerkt: padding ist der innenabstand (der Abstand vom Text innerhalb einer Box zum Boxrand) und margin ist der außenabstand (Abstand der Box zum nächsten Element außerbalb der Box)
Danke für das Video. Ich frische meine Kenntnisse ja gern mal bei dir auf, aber diesmal hätte ich tatsächlich mehr erwartet. Nämlich das was du im Titel versprichst und nicht nur die absoluten Basics. :-) Oder gibt es noch einen Teil 2? Schöne Woche!
02:20 Das ist mMn verwirrend dargestellt, da das so aussieht, als würde das Element größer werden durch padding, was es ja definitiv nicht tut. Der Innenabstand geht ja eben nach innen, die Linie verschiebt sich nach innen, das Element wird ja nicht in der Größe verändert, was im Video definitiv anders dargestellt wird.
Padding vergrößert das eigentliche HTML Objekt so wie es dort angezeigt wird. Sofern du ein weiteres CSS Attribute names box-sizing: border-box; z.B. auf alle HTML Objekte definiert hast. Dann sagst du dem Browser das ein HTML Element seine width & Height entsprechend Padding/Border anpassen soll.
Klar erklärt, aber für mich nichts neues dabei. Schade, finde CSS irgendwie wie eine Wissenschaft. Klar ist JS schwerer. Aber nicht so undurchsichtig wie CSS. Manche Sachen werde ich glaube ich nie blicken 😔 aber das hier war wirklich Basic.
![Coole Newton-Pendel Loading Animation mit CSS3! [Deutsch/Tutorial]](http://i.ytimg.com/vi/J3a31j_CaRo/mqdefault.jpg)
![Coole Newton-Pendel Loading Animation mit CSS3! [Deutsch/Tutorial]](/img/tr.png)
![Wichtige HTML Tags die kaum jemand kennt! [DE/Tutorial]](http://i.ytimg.com/vi/CE3R4ubnejE/mqdefault.jpg)
![Beste Input Field Animation beim Löschen! Lerne JavaScript & CSS [DE/Tutorial]](/img/n.gif)
Sehr gut gemachte Erklärung, die mal deutlich macht, was der Unterschied zwischen dem div und der Box ist. Bravo!!
Danke freut mich wenn dir das Video helfen konnte :)
Super erklärt weiter so😀😀😀
Sehr schön erklärt, so ein Video hätte ich gerne vor über 20 Jahren gehabt, als ich mit Frontends abgefangen habe ;-)
Danke freut mich wenn es gefällt, auch wenn es in diesem Fall wohl etwas aufgewärmtes Wissen war haha :D
Ich habe es mir früher immer so vereinfacht gemerkt: padding ist der innenabstand (der Abstand vom Text innerhalb einer Box zum Boxrand) und margin ist der außenabstand (Abstand der Box zum nächsten Element außerbalb der Box)
Danke für das Video. Ich frische meine Kenntnisse ja gern mal bei dir auf, aber diesmal hätte ich tatsächlich mehr erwartet. Nämlich das was du im Titel versprichst und nicht nur die absoluten Basics. :-) Oder gibt es noch einen Teil 2?
Schöne Woche!
Geil. Bisher habe ich eher durch Try and Error mit diesen werten rumgepfuscht. Nun hab ich aber das Gefühl es auch verstanden zu haben. Danke.👍
Danke freut mich wenn dir das Video geholfen hat das Thema zu verstehen :)
02:20 Das ist mMn verwirrend dargestellt, da das so aussieht, als würde das Element größer werden durch padding, was es ja definitiv nicht tut. Der Innenabstand geht ja eben nach innen, die Linie verschiebt sich nach innen, das Element wird ja nicht in der Größe verändert, was im Video definitiv anders dargestellt wird.
Padding vergrößert das eigentliche HTML Objekt so wie es dort angezeigt wird. Sofern du ein weiteres CSS Attribute names box-sizing: border-box; z.B. auf alle HTML Objekte definiert hast. Dann sagst du dem Browser das ein HTML Element seine width & Height entsprechend Padding/Border anpassen soll.
Hallo,
eine Tastatur möchte ich mit kaufen.
Welche empfehlen Sie mir?
Moin, glaube da bin ich der falsche Ansprechpartner habe eine von Logitech aber kp welche :D
Ja ich hatte es schon richtig vertanden. Outline wäre evtl. noch interessant gewesen im Box model
Das stimmt, das Fehlt leider
Klar erklärt, aber für mich nichts neues dabei. Schade, finde CSS irgendwie wie eine Wissenschaft. Klar ist JS schwerer. Aber nicht so undurchsichtig wie CSS. Manche Sachen werde ich glaube ich nie blicken 😔 aber das hier war wirklich Basic.