Margin CSS - Ejercicios

Los márgenes crean espacios alrededor de los elementos, fuera de los bordes definidos.

Márgenes individuales

CSS tiene propiedades para especificar el márgen de cada lado de un elemento HTML.

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

Todas las propiedades de margin pueden tener los siguientes valores:

  • auto: el navegador calcula el márgen automáticamente.
  • lenght: especifica el márgen en px, pt, cm, etc.
  • % especifica un márgen en % del ancho del elemento contenedor.
  • inherit: especifica que el margen debe heredarse del elemento principal.

Resultado:

“Cualquier idiota puede escribir un programa que una computadora entiende, los verdaderos programadores pueden escribir código que los humanos entienden.” – Martin Fowler
“Siempre escribe tu código como si la persona que lo fuera a mantener fuera un peligroso psicópata que sabe quien eres y donde vives”
“Para entender la recursividad hay que entender lo que es la recursividad ”

Margin auto/collapse

La propiedad auto se encarga de centrar horizontalmente el elemento dentro de su contenedor.

Este ocupará el ancho especificado y el espacio restante se dividirá en partes iguales entre los márgenes izquierdo y derecho.

El colapso de márgenes contraen los márgenes superior e inferior en uno solo se toma el valor mayor de uno de los dos márgenes. Esto no ocurre con los márgenes laterales (izquierda y derecha).

Resultado:

Foto del Post

¿Qué es CSS?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error perspiciatis fuga officia consequatur deleniti ab ad doloribus et nemo excepturi at consequuntur aut est eos maxime fugit, dolore a. Reiciendis.

Foto del Post

Nuevas etiquetas de HTML

Lorem ipsum dolor sit amet consectetur adipisicing elit. Error perspiciatis fuga officia consequatur deleniti ab ad doloribus et nemo excepturi at consequuntur aut est eos maxime fugit, dolore a. Reiciendis.

Seguir aprendiendo