cambiar propiedades web segun resolucion pantalla con css

Hola:

Tengo una duda, se podría cambiar las propiedades de mi página web según la resolución de la pantalla con css?

Es decir tener dos css, una para cada resolución de la pantalla. Si el ancho de la pantalla es menor o igual a 1024 que se cargue un css o si es mayor a 1024 otro y en los dos tener las mismas propiedades para cada atributo.

Creo que podría ser posible, pero no se como cargarlos.

Un saludo y gracias por la ayuda.

Con javascript averiguas la resolución del usuario, y según cual sea su resolución cargas un css u otro. Mira en este foro o en internet como averiguar la resolución del usuario con javascript.

Código :

//Creo que era 
var ancho= Screen.width;
var alto= Screen.height;
//y entonces
if(ancho<1024){
//Mwahaha, document write111!!11
document.wirte("<link type='text/css' rel='stylesheet' href='css4loosers.css' />");
}

en vez de document.write usa dom y accedes a la propiedad href del link y la cambias por la que se carga segun la resolucion de pantalla..

Juaas, buzu se ve que no viste la ironía de su comentario.

El ejemplo que dió el licántropo fue algo muy básico, aquí algo más avanzado y pr0.
http://particletree.com/features/dynamic-resolution-dependent-layouts/

Seeee tienes razon neo, pero igual la opción que digo es sencilla y eficaz... no eh revisado del todo lo que presentas por que ya es noche y tengo sueno pero se ve interesante....


Edito: por que @%#$%%$@%#$ sitarte a ti mismo??? me intriga saver....
[bofh=neojp]Se repitió el post. EOM.[/bofh]