Uhvatiti razliku između obloga i margina u Web dizajnu

Razlikuju se sa ovim vodičem

Ako ne znate koja je razlika između podloga i margina, vi niste sami. To je često postavljano pitanje i mnoge web dizajnera . Sa ovim brzim tutorialom, naučite razlikovati između njih.

Razumevanje razlike

Margine i padding mogu biti zbunjujući početnom web dizajneru, a ponekad čak i dizajnerima sa više iskustva. Na kraju krajeva, na neki način, one izgledaju isto: prostrani prostor oko slike ili objekta.

Obloga je jednostavno prostor unutar granice između granice i stvarnog sadržaja slike ili ćelije. Na slici je podloga žute površine oko sadržaja. Imajte na umu da padding ide u potpunosti oko sadržaja. Nalazite padding na vrhu, dnu, desnu i levu stranu.

S druge strane, margine su prostori van granice, između granice i ostalih elemenata pored ovog objekta. Na slici je granica područja koja se nalazi izvan čitavog objekta. Imajte na umu da, kao i padding, margina ide u potpunosti oko sadržaja. Postoje margine na vrhu, dnu, desnu i levu stranu.

Korisni saveti

Imajte na umu da, ako planirate da radite stvarno fancy stvari s marginama i paddingom, neki browseri, kao što je Internet Explorer, ne implementiraju pravilno model kutije. To znači da će vaše stranice izgledati drugačije (a ponekad i znatno drugacije) u drugim pregledačima.