Sincronizando a diferenza entre relleno e marxes no deseño web

Distingue os dous con esta guía

Se non sabe cal é a diferenza entre o recheo e as marxes, non está só. É unha pregunta frecuentemente feita e superou a moitos un diseñador web . Con este rápido tutorial, aprende a distinguir entre os dous.

Comprender a diferenza

Os marxes e os rellenos poden ser confusos para o diseñador web novato e ás veces incluso diseñadores con máis experiencia. Ao final, de certo xeito, parecen ser o mesmo: o espazo en branco ao redor dunha imaxe ou obxecto.

O acolchado é simplemente o espazo dentro do borde entre o bordo ea imaxe real ou os contidos das celas. Na imaxe, o acolchado é a área amarela en torno aos contidos. Teña en conta que o recheo vai completamente ao redor dos contidos. Vai atopar o recheo nos lados superior, inferior, dereito e esquerdo.

Por outra banda, as marxes son os espazos fóra do bordo, entre o bordo e os outros elementos ao carón deste obxecto. Na imaxe, a marxe é a área wite fóra do obxecto enteiro. Nótese que, como o recheo, a marxe vai completamente por todos os contidos. Hai marxes nos lados superior, inferior, dereito e esquerdo.

Consellos útiles

Teña en conta que se está a planear facer cousas realmente fantasiosas con marxes e padding que algúns navegadores, como Internet Explorer, non implementan correctamente o modelo de caixa. Isto significa que as túas páxinas serán diferentes (e ás veces moi diferentes) noutros navegadores.