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 |
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 |