Importando arquivos CSS

Existem duas maneiras de inserir um arquivo CSS no HTML:

<link href="estilo.css" rel="stylesheet" type="text/css" media="braille" />

ou

<style type="text/css" media="print">

@import url("estilo.css");

</style>

É recomendado a utilização da tag link ao invés do import pois os navegadores vão armazenar em cache os estilos importados pela tag link. Ou seja, ao utilizar o import é mais possível que o seu estilo vai ser carregado novamente em todas as páginas do site aumentando muito o peso do site.

Porém as duas formas de importação permitem é o tipo de mídia. (no método import foi definido para mídia print e no método Link foi definido para a mídia braille). Você pode definir diferentes CSS para diferentes mídias e temos a seguinte lista de mídias disponíveis:

all

para todas as mídias

braille

para dispositivos que traduzem os sites para braille

embossed

para impressoras que imprimem os sites em braille

handheld

para dispositivos com telas pequenas e pequena banda de transmissão como os palm pilots

print

para a visualização de impressão do navegador

projection

para visualização do site através de projetores

screen

para visualização em monitores coloridos

speech

para aparelhos que leêm os sites, pode ser usado também aural para esta mídia

tty

para aparelhos que usem caracteres fixos como terminais ou teletipos sendo que não é recomendado utilizar a unidade pixels neste tipo de mídia

tv

para televisões analogicas, coloridas e com som