Em desenvolvimento web há situações que precisamos determinar dinamicamente qual arquivo CSS será carregado conforme a resolução da tela, por exemplo, para uma tela de "pequena" largura (celular) em que alguns controles e containers precisam ter largura menores, posicionamento alterado, ou mesmo em outras situações que não tem nada a ver com largura e altura mas com outras possibilidades advindas do CSS. Os exemplos de código abaixo servem para exemplificar: Vemos a aplicação do atributo "media" para definir em que situação um determinado arquivo CSS será carregado, nos exemplos acima para uma resolução até 739 pixels será carregados o "phone.css", acima disso será carregado o "site.css". Obs.: o parâmetro "h" nos arquivos é meramente para o exemplo, é sobre o conceito de não gerar cache e tem que ser dinâmico. Referência: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp