CSS : le « modèle des boites »

Comprendre le modèle des boites pour maitriser les CSS.

Cet article sur le modèle des boîtes est en rédaction. D'ici sa publication, lisez l'article « Le modèle de boite » sur MDN. Référez-vous à cet article chaque fois que vous aurez besoin de faire la mise en forme de boites (entêtes, titres, paragraphes, sections, etc.) dans vos pages HTML.

Aux fins du cours, il est important de savoir appliquer les cinq mises en forme suivantes :

• width
• background (ou background-color et background-image)
• border*
• margin*
• padding*

* Avec leur forme courte ou avec leurs variantes -top, -right, -bottom, -left.

Exercice suggéré sur CodePen

Cliquez sur Edit on CodePen, en haut à droite.