tratar-se de uma folha de estilo externa ou seja, que a regra de estilo esta fora do documento html.Ja o atributo "href" indica ao navegador o caminho aonde esta o documento (a folha de estilo).Ja "media" e um atributo html que indica ao navegador o tipo de dispositivo no caso o dispositivo que esta fazendo a leitura do html.A expressao "All" dentro de "media" e um valor e no caso "All" significa todos ou seja, todos os dispositivos que estao visualizando o documento irao incorporar a folha de estilo "mobile.css".Os valores para o atributo "media" sao varios e abaixo veremos eles.All -> para todos os dispositivosbraile -> para dispositivos tateisembossed -> para dispositivos que "imprimam" em brailehandheld -> para dispositivos de mao. Que normalmente tem telas pequenas e banda limitadaprint -> para dispositivos que facam impressoes em papelprojection -> para dispositivos que facam projecoesscreen -> para monitores e dispositivos com tela colorida de diversas resolucoesspeech -> para dispositivos sintetizadores de voz (NOTA: o css2 possui uma especificacao chamada "Aural")tty -> para dispositivos que possuam grade fixa para exibicao de caracteres como "teletypes", "terminais" e dispositivos portateis com display limitadotv -> para dispositivos como televisores que tem baixa resolucao e quantidade de cores e "scroll" limitadosAssumindo que nosso exemplo acima so traga a incorporacao de uma folha de estilo (mobile.css) veremos abaixo como podemos diferenciar dispositivos na tag de "chamada" fazendo com que o navegador aplique mais de uma folha de estilo...claro que nao simultaneamente ao mesmo navegador.Neste segundo exemplo notem que substituimos o valor "All" para "screen" e para diferenciarmos entre uma tipica visualizacao atraves do computador ou de um celular adicionamos a sintaxe "and" que significa "e" literalmente e em seguida entre parenteses os valores de tela ao quais serao a base para esta "selecao".Notem que "max-width:480px" e um "agente de selecao" que ira verificar se o dispositivo que esta acessando o documento possui (ou nao) largura de tela maxima de 480px...caso sim, caso o dispositivo tenha tamanho maximo de width de 480px (ou inferior) a folha de estilo css "mobile.css" sera aplicada.Neste mesmo exemplo definimos uma folha de estilo chamada "style.css" e o agente de selecao" sera "min-width:1024px" ou seja se o dispositivo que esta acessando o documento (html) tiver a largura de tela de no minimo 1024px a folha de estilo a ser incorporada sera "style.css".E possivel realizar inumeras combinacoes para fazer esta "verificacao" e atribuir praticamente uma folha de estilo para cada dispositivo, para cada resolucao diferente mas deve ser notada a vasta gama de dispositivos e resolucoes diferentes para ver que isso nao e uma tarefa facil e caso o dispositivo que esta acessando o documento nao esteja na lista logo a renderizacao de estilo do documento nao sera realizada e o usuario ira ver uma pagina toda baguncada.Para contornar isto podemos fazer por exemplo tres chamados diferentes...veja o exemplo abaixo:Neste novo exemplo note que chamamos as folhas de estilo em tres links.O primeiro faz a ja citada verificacao se o dispositivo tem tela inferior (ou igual) a 480 pixels e aplica a folha de estilo "mobile.css".O