Correggetemi se sbaglio: io posso creare un unico css esterno ed al suo interno separare le sezioni dedicate a ciascun dispositivo con @media?
esempio:
codice:
@media screen { 
body {font-family: sans-serif;}
}
@media print { 
body {font-family: serif;}
}
@media handheld { 
body {font-family: cursive;}
}
Tutto corretto?
In questo modo posso evitare di indicare nel markup il link + il relativo media per ogni CSS, avendone invece uno solo: <link href="stili.css" rel="stylesheet" type="text/css" /> (o @import)

ho però un paio di domande:
- in questo modo viene caricato subito l'intero CSS (che è più pesante) anche le parti per i dispositivi che l'utente non sto usando?
- E' garantito il supporto sui browser (almeno dalle versioni 5)?