CURSOS CSS

Clase 2


Imagen de margen

Márgenes

Por defecto, las páginas traen un margen de 8px.
Para escribir márgenes podemos hacerlo a través de la propiedad margen. Ej:

margin:0px;

margin:0px 0px; Otra forma de escribir margen, el primer numero se refiere al margen de arriba y abajo, el segundo numero del margen de izquierda y derecha.

Tenemos otra forma de escribir que es todo junto, especificando cada lado. En el siguiente orden, arriba, derecha, abajo e izquierda.

margin:0px 0px 0px 0px;

La última forma que tenemos es especificando por separado cada lado, escribiendo -top, -bottom, -right, -left por cada uno:

margin-top:0px;

Padding y Margin

La diferencia entre padding y margin es que el margin mueve el contenedor respecto a los otros, es decir, deja un margen pereo respecto al contenedor que contiene este contedor que el estamos poniendo margin. Si ponemos padding, el margen se aplica al interior, es decir, desde el borde del contenedor al contenido del mismo habrá un espacio, un margen, determinado.

Es decir, padding mueve el contenido, margin mueve el contenedor.

Imagen de centrado

Centrado de página

Para centrar un contenedor debemos hacerlo a través de la propiedad margin:

margin:auto;

Pero para ello deberemos tener declarado el ancho de la pagina por medio de la propiedad width (en porcentaje o pixeles).