Apucând diferența dintre plăcuțe și margini în designul web

Distingeți cele două cu acest ghid

Dacă nu știți care este diferența dintre umplutură și margini, nu sunteți singuri. Este o întrebare frecvent pusă la întrebări și a stârnit mulți designeri web . Cu acest tutorial rapid, învățați să distingeți între cele două.

Înțelegerea diferenței

Marginile și materialele de umplutură pot fi confuze pentru designerul de novice și, uneori, chiar și pentru designeri cu mai multă experiență. La urma urmei, în unele privințe, ele par a fi aceleași: spațiu alb în jurul unei imagini sau al unui obiect.

Plăcuirea este pur și simplu spațiul din interiorul frontierei dintre graniță și conținutul real al imaginii sau al celulei. În imagine, padding-ul este zona galbenă din jurul conținutului. Rețineți că umplutura merge complet în jurul conținutului. Veți găsi căptușeală pe partea superioară, inferioară, dreaptă și stângă.

Pe de altă parte, marginile sunt spațiile din afara graniței, între graniță și celelalte elemente de lângă acest obiect. În imagine, marginea este zona dorită în afara întregului obiect. Rețineți că, la fel ca și umplutura, marja merge complet în jurul conținutului. Există margini pe partea superioară, inferioară, dreaptă și stângă.

Sfaturi utile

Rețineți că, dacă plănuiți să faceți lucruri de lux cu margini și umpluturi, unele browsere, cum ar fi Internet Explorer, nu implementează corect modelul casetei. Aceasta înseamnă că paginile dvs. vor arăta diferit (și uneori foarte diferite) în alte browsere.