Kada koristimo CSS, zgodno je svaki element na stranici promatrati kao da se nalazi u kutiji.

Svaki se sadržaj nalazi unutar tri veća okvira, a cijeli skup od četiri okvira naziva se CSS box model.

  • U unutarnjem se okviru nalazi sadržaj elementa.
  • Okružuju ga unutarnji razmak (padding), kranji rub i margina.

Razvojni alati preglednika će prikazati box model, tako da možemo vidjeti trenutnu veličinu elementa, zajedno s njegovim rubom, marginom i paddingom.