Elementi box modela

Content- mjesto gdje se nalaze sadržaj, tekst i slike

Padding- čisto prostor oko contenta, zahvaćen je pozadinskom bojom

Border- linija koja okružuje content i padding

Margin- prazan prostor oko bordera, potpuno je transparentna

Dimenzija sadržaja

Width i height možemo zadavati u fiksnim i u fluidnim jedinicama mjere.

Ako zadajemo u postotcima, te dimenzije će se uzimati u odnosu na roditeljskog elemente.

Padding se može specifićno odrediti za svaku stranu elementa.

Display i visibility

Display svojstva koristimo kako bismo mijenjali prikaz elemenata na stranici

Blok element može biti inline, inline element može biti blok element

Display: none

Koristimo za skrivanje određenih elemenata na stranici

Element ostaje u kodu ali nije vidljih na web pregledniku

Display: inline

Blok elementi primaju svojstva inline elemenata

Blok elementi ne gube svoja svojstva ali se ponašaju kao da su inline

Display: inline-blok

Koristimo kada želimo da inline elementi poprime svojsta blok elemenata, ali da ostanu inline

Visibility

Visibility: hidden skriva element isto kao display:none, ali razlika je u tome što element idalje zauzima prostor koji bi zauzimao da je vidljiv