Tutorial CSS

Criamos uma pagina em html e na versão para impressão queremos que ela fique diferente, mas como? Para começar vamos precisar de dois css para a sua pagina, um normal e um para impressão.
Sendo assim além do css normal acrescentaremos no código html o da impressão, da seguinte forma:

<link rel="stylesheet" type="text/css" href="estilo.css">
<link rel="stylesheet" type="text/css" href="estilo_imprimir.css" media="print";>

Na primeira linha é o nosso css externo e na segunda o css para impressão e o que o diferencia do normal é a parte em negrito o media="print".

O media="print" faz parte do media type que foi criado para facilitar a criação de um css especifico para certos casos.

Os media type são:

• All: Apropriado para todos os dispositivos.
• Aural: para sintetizadores de som. Dispositivos que podem ler a página para o usuário.
• Braille: Usado para dispositivos táteis.
• Embossed: Usado par impressoras em braille.
• Handheld: Usado para PDAs, celulares e aparelhos que geralmente tem uma tela pequena
• Print: Usado para impressoras. Muito usado para dar uma versão de impressão do site.
• Projection: Usado para projetos de apresentações. Você pode transformar seu site em uma apresentação estilo PowerPoint!
• Screen: Usado para computadores /li>
• Tty: Usado para dispositivos que usam uma grade fixa de caractéres, terminais, dispositivos portáteis, etc…
• Tv: Usado para televisões.

Fontes: x x