Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 39 di 41
  • livello principiante
Indice lezioni

Specificare un CSS ad hoc per la stampa

Secondo metodo: un foglio di stile dedicato solo alla fase di stampa
Secondo metodo: un foglio di stile dedicato solo alla fase di stampa
Link copiato negli appunti

Una migliore alternativa a quella vista nella precedente lezione consiste nello
specificare un foglio di stile solo per la stampa:

<head>
    <title>Html</title>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
    <style type="text/css" >
        @import url("stilisito.css") screen;
        @import url("stilistampa.css") print;
    </style>
</head>

In questo caso, il foglio di stile per la stampa potrà essere molto semplice.
Ecco per esempio un CSS per la stampa di un qualsiasi layout a tre colonne in
cui non si stampano le due colonne laterali:

body{ font: 10pt arial, sans-serif}
h1,h2,h3,h4,h5,h6{font-family: georgia,serif}
p{line-height: 1.2em}
a{font-weight:bold}
div#navigation, div#extra{display: none} /*non stampa le due colonne laterali*/

Bisognerà provvedere alcuni stili di natura tipografica (per la stampa il miglior
dimensionamento dei font è in punti, unità di misura che si rivela totalmente
inappropriato per lo schermo) ed eventualmente nascondere le sezioni aggiuntive
quali la navigazione e la colonna extra. La pagina in questo modo risulterà pulita
e ben stampata.


Ti consigliamo anche