Bonsoir !
 
Je n'ai que quelques heures d'html et css à mon actif
Je viens de créer mon premier site et j'aimerais que l'impression sur papier soit différente du rendu sur écran, d'où l'intérêt d'utiliser une feuille de style print.css (c'est ce que j'ai fait !)
Cette page contient : un gros titre cliquable, un menu de navigation, un long texte, un footer, un background
J'aimerais retirer titre/menu/footer/background dans le print.css.
 
Dans mon print.css, j'ai écrit :
html body  
{  
    background: none;  
}  
 
ul
{
 display: none;
}
 
header  
{
 display: none;
}
 
footer  
{
 display: none;
}
 
Je n'ai pas d'imprimante donc je ne sais pas comment tester mon résultat;
existe-t-il un moyen d'avoir un aperçu avant impression qui prend en compte le css ?! Si oui, pouvez-vous me faire part de cet outil s'ils vous plaît ? Si non, pouvez-vous m'indiquer si le résultat de mon print.css est bien celui attendu ??
 
MERCI MILLE FOIS ))

ben du met comme media="print" dans le <link /> où tu as mis ton print.css puis tu utilises la vue avant impression de ton navigateur.

Avec Chrome, tu peux émuler le mode print
https://uxdesign.cc/i-totally-forgo [...] .qy7fcp5kk
 
Et un conseil pour ton css, regroupe tous tes éléments avec des virgules, et mets un display: none unique