Exercice 2

Box Model

💡Comprendre le Box Model

Questions - Réponses :


  1. Avec box-sizing : content-box , Quelle est la largeur totale visible de .box?

    2. ➡️300px+20px*2+5px*2=350px


  2. Avec box-sizing: border-box,quelle est la largeur totale visible ?

    3. ➡️border-box: 300px,le padding et border inclus dans 300px


  3. Ecrivez le reset CSS universel pour box-sizing:

    4. ➡️*, *::before, *::after { box-sizing: border-box; }

📍Centrer un élement

➡️Centrez horizontalement un élément <div>de 600px de large, puis centrez-le aussi verticalement dans la page :