Tip's utiles para CSS
1. Centrar DIV horizontalmente.
Algunas veces es necesario centrar el contenido de nuestro site y usando DIV's puede resultar algo complicado, aqui les dejo una forma que uso generalmente para hacerlo.
CSS
body {
text-align: center; /* hack para exploradores "viejos" */
}
#contenedor {
margin: 0 auto 0 auto; /* margenes automaticos */
width: 400px;
text-align: left; /* contenido no centrado */
}
XHTML
<div id="contenedor">Este es el contenido de mi DIV</div>
2. Colocando el CSS
Una recomendación que hago yo, es nunca poner el codigo CSS dentro del mismo archivo, en las etiquetas:
<style type="text/css">
body{ }
#div1 { }
</style>
Siempre es mejor colocar ese codigo en un archivo .css y llamarlo por:
<link rel="STYLESHEET" type="text/css" href="mi_estilo.css">
<style type="text/css">
@import url(mi_estilo.css);
</style>