Overerving padding en margin

[Tijssen]

Goedemiddag,
In een style sheet staat de padding en margin op 0 in the body. De andere elementen erven deze eigenschappen toch van de body? Waarom wordt er toch op diverse plekken in het stylesheet opnieuw padding 0 margin 0 aangegeven?

CSS template: http://www.free-css.com/free-css-templates/page2/infinite-horizon.php

Graag een reactie.

 

[csshunter]

Hoi Tijssen,
Nop, margins en paddings worden niet geërfd. Zie de css-specificatie:

• Box-model, margin properties, Inherited: no.
• Box-model, padding properties, Inherited: no.

Dat klopt ook met de praktijk: bv. <h1>, <h2>, <p> e.d. hebben standaard wat witruimte onder en boven de eerste en laatste regel (dus: margin of padding). En list-items <li> zijn standaard inspringend, en hebben ruimte nodig tussen de bullet (het zwarte stipje) en het begin van het lijst-onderwerp. Dat gaat dan horizontaal van de margin en/of padding af.
Verder hebben de meeste elementen (bv. een <div>) standaard geen margin of padding, daar hoeven ze dus ook niet op nul gezet te worden.

Met vriendelijke groet,
CDSShunter