Avremo notato che alcuni elementi, ad esempio l'arancione del titolo o le pubblicità e gli elementi a lato apparivano posizionati correttamente come in generale gli altri elementi, questo perchè anche la stampa era controllata dal CSS style.css: questo è successo proprio a causa della mancanza dell'attributo media, infatti la ragione per utilizzare tale attributo è che non solo precisiamo che quel CSS è per lo schermo, ma al tempo stesso anche che NON è per la stampa!

Se poi eliminassimo anche la riga di richiamo a print.css non avremmo completamente un CSS per la stampa e quindi la pagina sarebbe stampta senza alcuno stile, quindi i titoli non sarebbero in arancione, la barra laterale non sarebbe disposta a destra del testo, questo perchè sono tutte impostazioni specificate nel CSS e senza foglio di stile la stampante non saprebbe come disporle e stamperebbe la pagina come se fosse composta da solo HTML.

Ora, per il momento salviamo il file così com'è, iniziamo quindi a preparare il nostro CSS per la stampa.

Nel mio caso ho già alcuni CSS, lo style.css principale e dei fogli di stile specifici per Internet Explorer.

Vado ora a creare un nuovo file di nome print.css; in questo esempio non sto strutturando molto i file, ma normalmente con ben 4 CSS conviene creare una cartella dedicata ad essi; mantenere una buona organizzazione dei file è sicuramente una buona pratica, anche per la propria sanità mentale!