Si une div n'a pas de contenu, il faut lui conférer une hauteur sinon on ne la voit pas. Si elle a un contenu, la hauteur s'adapte au contenu.

Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un

Les margin des éléments frères fusionnent
Le padding de l'élément parent et le margin de l'élément enfant s'ajoutent

Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc

Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro un Bloc Numéro

Dans la feuille de style interne créer les class .Ombre et .Lumière
Dans le code html :premier élément class="Ombre", deuxième élément class="Lumière"
Le dernier dans le code se place sur le premier.

L'élément positionné doté du z-index le plus élevé se superpose aux autres