La diferencia entre relleno y márgenes en diseño web

Distinga los dos con esta guía Si no sabe cuál es la diferencia entre el relleno y los márgenes, no está solo. Es una pregunta frecuente y ha dejado perplejos a muchos diseñadores web.

Distinga los dos con esta guía

Si no sabe cuál es la diferencia entre el relleno y los márgenes, no está solo. Es una pregunta frecuente y ha dejado perplejos a muchos diseñadores web. Con este tutorial rápido, 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: espacios 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 del contenido. Tenga en cuenta que el relleno va completamente alrededor del contenido. 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 del contenido. Hay márgenes en los lados superior, inferior, derecho e izquierdo.

Consejos útiles

Tenga en cuenta que si planea hacer cosas realmente sofisticadas con márgenes y relleno que algunos navegadores, como Internet Explorer, no implementan el modelo de caja correctamente. Esto significa que sus páginas se verán diferentes (y a veces muy diferentes) en otros navegadores.

Rate article
labsfabs.com
Add a comment