CSS-ის ყველა ელემენტი არის მართკუთხა ყუთი, რომელიც შედგება ოთხი ფენისგან, შიგნიდან გარეთ: content, padding, border და margin. იმის გაგება, თუ როგორ ხდება მათი კომბინაცია, არის ყველა განლაგების საფუძველი.
┌─────────────── margin ───────────────┐ ← space OUTSIDE, between elements
│ ┌──────────── border ────────────┐ │
│ │ ┌───────── padding ────────┐ │ │ ← space INSIDE, around content
│ │ │ content │ │ │ ← text/image (width × height)
│ │ └──────────────────────────┘ │ │
│ └─────────────────────────────────┘ │
└────────────────────────────────────────┘
