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.
Ultimi articoli CSS
Bordi multipli con 'box-shadow' di CSS3Il modo più rapido e semplice per circondare un box con più bordi di... |
Sfumature lineari su IE6-9, linear-gradient CSS3 e un po' di SVGUtilizzare la funzione linear-gradient CSS per creare sfumature... |
Stili specifici per l'orientamento dell'iPad con le Media QueriesGestire con gli stili e le media queries le modalità di... |
Campo per la ricerca con i CSSDedicare la giusta attenzione al modulo per le ricerche, componente... |
Box model 'naturale' con border-boxDimenticare per sempre i problemi legati al box model grazie ad un... |
Guide CSS
Guida CSS3Scoprire e usare al meglio tutte le novità dell'ultima versione dei... |
Guida CSS Tecniche essenzialiTesto, immagini, layout, form, liste, tabelle: soluzioni pronte per... |
Guida CSS di baseI CSS servono per gestire tutto il layout di un sito Web. E'... |
Newsletter @CSS
Ogni mercoledì, direttamente nella tua e-mail: guide, articoli, tutorial, FAQ e approfondimenti tecnici su CSS e Web Design.
Iscriviti alla newsletter
Corsi in aula
|
|
Corso Webmaster base18 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |
|
|
Corso Webmaster base11 Giugno 2012 a Roma |