Poznavanje razlike med oblazinjenjem in robovi

Kazalo:

Poznavanje razlike med oblazinjenjem in robovi
Poznavanje razlike med oblazinjenjem in robovi
Anonim

Robovi in oblazinjenje so lahko zmedeni, ker se na nek način zdijo enaki: prazen prostor okoli slike ali predmeta. Tukaj je tisto, kar morate kot spletni oblikovalec vedeti o njihovih razlikah.

Oblazinjenje

Oblazinjenje je prostor med vsebino slike ali celice in njenim zunanjim robom. Na spodnji sliki je oblazinjenje rumeno območje okoli vsebine. V tem primeru oblazinjenje v celoti pokriva vsebino: zgoraj, spodaj, desno in levo stran. Določite lahko, koliko odmika (v odstotkih, slikovnih pikah, točkah itd.) za vsako stran in ni nujno, da so enaki. Na ta način lahko postavite vsebino znotraj elementa.

Image
Image

Margi

V nasprotju s tem so robovi presledki zunaj meje elementa, med elementom in vsem, kar je z njim. Na sliki je rob belo območje zunaj celotnega predmeta. Tako kot oblazinjenje tudi rob v tem primeru popolnoma zaokroži vsebino: na zgornji, spodnji, desni in levi strani. Robove lahko uporabite za pozicioniranje elementov div in drugih elementov na strani.

Vedno preizkusite svoje strani v različnih brskalnikih, operacijskih sistemih (vključno z mobilnimi) in velikostih zaslona, da se prepričate, da so prikazane točno tako, kot želite.

Priporočena: