Diferente CSS para ecrã ou impressora

[Admin]

Muitas vezes quando uma script css é aplicada a uma determinada página WEB, apresenta um certo resultado visual no ecrã que no entanto é pode ser diferente (e mesmo bastante diferente) do resultado dessa mesma página aquando da sua impressão.

De modo a evitar este problema, é-nos possível definir a utilisação de duas scripts CSS distintas:
- Uma para ser aplicada quando a página é enviada para o ecrã do computador
- A outra aplicada quando a página é enviada para impressão

Pode ser feito da seguinte forma:

// Esta primeira linha indica qual a CSS a ser usada quando a página for visualisada no ecrã
<link rel="stylesheet" type="text/css" href="script_file.css" media="screen"/>
// Esta segunda linha indica qual a CSS a ser usada quando a página for imprimida
<link rel="stylesheet" type="text/css" href="script_file_printer.css" media="print"/>