Frage zu grid

[Rolf B]

Hallo Gast,

bei HTML ist es so, dass es wie russische Puppen aus ineinander geschachtelten Bausteinen besteht. Der Body ist die zweite Schicht von außen (ganz außen ist das HTML Element), und deswegen wird dann, wenn Du den Body ausgewählt hast, auch eine ganze Menge blau. Das soll so sein.

Wenn Du mit der Maus über ein kleineres Element fährst, wird nur das hervorgehoben.

Du zeigst jetzt einen Screenshot mit Margin-Werten von 8px. Das ist der Default - für den Body. Nicht für ein <p> Element. Die grünen Streifen über den p Elementen, die Du in deinen Screenshots hattest, waren höher, nämlich 16px. Das ist der Default-Margin für ein p Element. Auf dem Regeln-Tab findest Du

margin-block-start: 1em;
margin-block-end: 1em;

und dabei steht "(vom Browser)". Auf der "Berechnet" Seite steht aber nicht 1em, sondern 16px. Das liegt daran, dass 1em eine Angabe ist, die auf der font-size basiert. 1em ist genau der Wert der font-size, die an dieser Stelle gültig ist.

Wenn Du diese Abstände also loswerden willst, musst Du den p Elementen den Margin nehmen. Oder verändern, je nach Wunsch. Wie Du Abstände festlegst, kommt jetzt auch drauf an, wie Du den Rest der Seite gestaltest.

Rolf