28172 sujets

CSS et mise en forme, CSS3

Le média print

Bonjour à tous.

On nous expliquait autrefois qu’il fallait créer un fichier par média. L’évolution des techniques amène maintenant à mettre dans le même fichier CSS les composantes des médias screen et handheld.

Qu’en est-il pour le média print ? Faut-il dorénavant le dissocier dans un autre fichier ou au contraire faut-il l’intégrer dans le même fichier CSS ?

Comment les moteurs de recherche envisagent-ils la chose ? Préfèrent-ils un unique fichier comprenant tout le CSS, et donc moins de temps avant le premier octet puis le premier rendu, mais plus de temps avant d’atteindre la description de print, au contraire un fichier dédié, car ils ne l’ouvriront que s’ils en ont besoin et que de toute façon, les fichiers seraient alors ouverts en parallèle ?

Merci pour vos explications.
Moins il y a de requête dans un document , mieux c'est. Les tests ont prouvé qu'Il est mieux d'appelé 1 gros fichier, que plusieurs petits fichiers.

DONC, en utilisant "@media print" au sein de ton CSS, c'est mieux.

ex:
@media print { 
 /* All your print styles go here */
 #header, #footer, #nav { display: none !important; } 
}
Merci, Juliesunset. Smiley biggrin

Je me demandais en fait si un fichier CSS non utilisé était quand même chargé.
Une fiche d’alsacréation dit en effet que « La balise <link> est alors dupliquée pour autant de feuilles de style que nécessaire, et comporte un attribut media précisant le contexte dans lequel les styles doivent être appliqués :
<link rel="stylesheet" media="print" href="print.css" type="text/css" />


S’il ne l’était pas (parce qu’il ne répond pas aux conditions), alors, il aurait été préférable de créer autant de fichiers que de média. Mais, la littérature Internet dit ailleurs que « les feuilles de styles ayant des media queries dans leur balisage <link> seront téléchargées, même si leur media query est fausse (elles ne seront toutefois pas appliquées). »

Dès lors, comme tu le dis si judicieusement, il vaut mieux tout mettre dans le même fichier CSS.
Modifié par Pyanepsion (16 Nov 2015 - 09:01)
Sujet clos
Aller à