| :: Trabajar los márgenes y rellenos con la css |
Como muchos creadores de páginas Web habrán podido comprobar, cada navegador interpreta los márgenes y los rellenos predeterminados de una forma diferente. Vamos a ver algunos ejemplos:
* El más evidente son las listas, en ellas el margen izquierdo en unos navegadores, como el IExplorer, es relleno y en otros, como el Firefox, margen.
* El resto de los elementos como los encabezados, párrafos, el cuerpo de la página, etc. presentan diferentes tamaños en los espacios en blanco en función del tipo de navegador con el que lo visualicemos.
Para resolver el problema de los espacios en blanco de nuestro html, éstos tienen que dejar de ser predeterminados y poder controlarlos nosotros. Para ello, lo primero que tenemos que hacer es eliminarlo, añadiendo este código a la hoja de estilos adjunta al documento.
| Código: |
* {
padding:0;
margin:0;
} |
El asterisco es un selector universal que se utiliza para aplicar una propiedad a todos los elementos de la página.
Después de eliminar el margen y el relleno se lo daremos nosotros a todos lo elementos que deseamos que lo tengan, de la siguiente manera,
* Para las listas,
| Código: |
| li { margin-left: 3em; } |
* Para el resto de elementos,
| Código: |
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, dl, fieldset, address {
margin-bottom: 1em;
} |
Fuente: adrformacion.com
|
|
|
|
