BOX modeli

Elementi box modela

Content- mjesto gdje se pojavljuju text i opčenito sadržaj naše web stranice

Padding- čisti prostor oko contenta

Border -čisti prostor oko contenta

Margin-prazan prostor oko bordera

Dimenzije sadržaja

Dimenzije sadržaja najčešće izražavamo u pikselima, postotcima, em-ovima dodjeljujući im vrijdnost - auto

Width i Height možemo zadavati u fiksnim i fluidnim jedinicama mjere. Ako zadajemo u % (postotcima), te dimenzije će se uzimati u odnosu na roditelja tog elementa


Display i visibility

Diyplay i visibility svojstva

Display svojstva- koristimo kako bismo mijenjali prikaz elemenata na stranici

Blok element može biti inline

Display- može imati vrednosti block, inline, none, list-item, table...

Display:none

Koristimo za skrivanje nekih elemenata u web pregledniku.

Display:inline

Blok - elementi poprimaju svojstva inline elemenata

Elementi ne gube svoja blok svojstva ali se ponašaju kao da su inline

Display:inline-blok

Koristimo kada želimo da inline elementi ostanu inline, ali da poprime svojstva blok elemenata, tj. da im možemo možemozadati primjerice width, height, padding...

Visibility

Visibility: hidden skriva element kao i display: none, razlika je u tome što element i dalje zauzima prostor koji bi zauzimao da je vidljiv (ostaje zauzet prazan prostor)

Resetiranje liste

ul, list-style: none; margin:0; padding:0;