Usar el padding o el margin para separar hace alguna diferencia? por que intento hacer las secciones solo antes de ver las clases y me sa...

Ivan Sarjanovich

Ivan Sarjanovich

Pregunta
studenthace 4 años

Usar el padding o el margin para separar hace alguna diferencia? por que intento hacer las secciones solo antes de ver las clases y me salen pero en ese tipo de cosas siempre pongo algo distinto a lo que usa Diego y me da miedo que al final influya de alguna manera

3 respuestas
para escribir tu comentario
    Ruben Hernandez Reichelbauman

    Ruben Hernandez Reichelbauman

    studenthace 4 años

    Depende como quieras mostrar la separación de elementos. Recuerda que: Margin, es un espacio del borde del elemento hacia el exterior. Padding, es un espacio del borde del elemento hacia adentro del mismo.

    Alejandro Delgadillo Garcia

    Alejandro Delgadillo Garcia

    studenthace 4 años

    El padding siempre hace parte del contenido del elemento, por ejemplo: si tenemos una imagen de 100px * 100px y le ponemos un padding de 10px, el tamaño del elemento que contiene esta imagen seria de 110px * 110px, mientras que el margin no hace parte de este elemento

    Harold Andrés Burbano Acuña

    Harold Andrés Burbano Acuña

    studenthace 4 años

    El padding hace que el espacio haga parte del contenido del elemento mientras que el margin solo es es espacio vacio sin mas.

    Entonces por ejemplo si tu elemento es un link y tiene 10px de padding a la derecha y le das click a ese espacio te llevara al link asi no le hayas dado a las letras. con el margin el link no se activaria

Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.

Curso de Responsive Design: Maquetación Mobile First
Curso de Responsive Design: Maquetación Mobile First

Curso de Responsive Design: Maquetación Mobile First

Desarrolla sitios web adaptables con Responsive Design y Mobile First. Aprende a utilizar wireframes, crear estilos y aplicar media queries para garantizar que tus proyectos se vean bien en cualquier dispositivo. Usa herramientas como Figma y Lighthouse.