Trucos rapidos CSS y HTML

[magomaitin]

Debido a que cada que me doy una vuelta por los temas de la seccion de programacion veo las preguntas impresionantes y ademas de que vi que el HTML5 tendra un monton de cosas bien Chidas abro este post de trucos rapidos

1.- hacer que el navegador reconosca los caracteres latinos de por si solo

en el head del documento HTML le pondras la siguiente etiqueta:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

2.- llamar archivo CSS

<LINK href='nombre.css' type=text/css rel=stylesheet>

3.-imagenes contenidas en un div re-sizeble

este es muy buen truco si quieres que tu imagen se vaya escalando

<div class="re-sizeble">
<img src="images/image.jpg" border="0">
</div>

css:

#re-sizeble{
width: 100%;
text-align: justify;
}

#re-sizeble img{
width: 100%
}

:chavo: por lo pronto pondre estos ya con el tiempo ire rellenando los demasunzadita:

espero que sea de utilidad para algunos

 

[Giovanni924]

muy bueno el tip Se agradece (Y)

 

[lexmaniak]

Buen tip gracias

 

[iService]

Actualiza con mas !!

 

[magomaitin]

Este es aun mejor...
crear fondo rezisable de acuerdo a la pantalla y sobre poner elementos

codigo HTML
<div id="background">
<img class="source-images" src="images/background.jpg" alt="" >
</div>

CSS
/* Fondo*/
#background{
text-align: center;
position: absolute;
width: 100%;
z-index: -1;
}

#background img{
width: 100%;
}

obviamente la propiedad de los divs que queremos sobre poner en z-index deberan tener un valor de 0 para estar en el top.

bueno yo cree un html con 3 diferentes modulos header, contenido y footer, para una pagina de esta forma tienen fondo, header, contenido y footer solo fondo es z-index :-1 y todos los demas z-index:0 asi quedan sobrepuestos a el fondo y la imagen siempre será resizable y el contenido se vera...

 

[HiguaiiN]

Gracias ,voy a practicarlos haber que tal se me dan