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


  3. Avec box-sizing: border-box,quelle est la largeur totale visible ?
  4. ➡️border-box: 300px,le padding et border inclus dans 300px


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

  6. ➡️*, *::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 :