Si no sabes cuál es la diferencia entre el relleno y los márgenes, no estás solo. Es una pregunta frecuente y ha dejado perplejo a muchos diseñadores web. Con este rápido tutorial, aprende a distinguir entre los dos.
Entendiendo la diferencia
Los márgenes y el relleno pueden ser confusos para el diseñador web novato y, a veces, incluso para los diseñadores con más experiencia. Después de todo, de alguna manera, parecen lo mismo: espacio en blanco alrededor de una imagen u objeto.
El relleno es simplemente el espacio dentro del borde entre el borde y la imagen real o el contenido de la celda. En la imagen, el relleno es el área amarilla alrededor de los contenidos. Tenga en cuenta que el relleno va completamente alrededor de los contenidos. Encontrarás relleno en los lados superior, inferior, derecho e izquierdo.
Por otro lado, los márgenes son los espacios fuera del borde, entre el borde y los otros elementos al lado de este objeto. En la imagen, el margen es el área blanca fuera del objeto completo. Tenga en cuenta que, al igual que el relleno, el margen va completamente alrededor de los contenidos. Hay márgenes en los lados superior, inferior, derecho e izquierdo.
Consejos útiles
Tenga en cuenta que si planea hacer cosas realmente elegantes con márgenes y relleno, algunos navegadores, como Internet Explorer, no implementan el modelo de caja correctamente. Esto significa que sus páginas se verán diferentes (y algunas veces muy diferentes) en otros navegadores.
