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.