Le modèle de boîte

Découverte du modèle de boîte avec margin, padding, border et box-sizing.

Une boîte définie en bloc suivra les règles suivantes :

Voici une 1 ère boîte.

Voici une 2 ème boîte avec utilisation de margin.

Voici une 3 ème boîte avec utilisation de padding.

Voici une 4 ème boîte avec utilisation de padding + border.

Voici une 5 ème boîte avec utilisation de margin + padding + border.

Voici une 6 ème boîte avec utilisation de margin + padding + border + box-sizing: border-box.