1. Accueil
  2. Question et réponse
  3. À quoi correspond l'attribut media = "" dans la feuille de style?

À quoi correspond l'attribut media = "" dans la feuille de style?

2010-08-01 7 views
3

Je suis sûr que certains d'entre vous ont vu les éléments suivants:À quoi correspond l'attribut media = "" dans la feuille de style?

<link rel="stylesheet" src="styles.css" media="screen,projection" /> 
<link rel="stylesheet" src="styles.css" media="print" />

Ou tout autre chose ...

Mais qu'est-ce que les médias attribuent-réalité? J'ai créé plusieurs sites Web et je n'ai jamais utilisé les attributs de médias lors de la liaison des feuilles de style. Est-ce une erreur?

Merci, Amit

Source

2010-08-01 Amit

Répondre

11

w3 peuvent l'expliquer mieux.

Les types de supports concernent les médias à utiliser pour afficher la page.

Si quelqu'un est en train d'imprimer la page, le CSS print est utilisé. Ceci est utile dans de nombreux cas - si votre site est en texte blanc sur fond noir, le CSS print peut être le contraire, donc l'encre n'est pas gaspillée.

L'écran est ce que vous auriez normalement penser - l'écran de l'ordinateur, comment la plupart des gens verront le site.

Projection - si vous souhaitez avoir une police plus grande lors de la projection du site Web.

Source

2010-08-01 19:04:13 Oded

+0

J'ai compris, merci. Vos deux réponses sont correctes, sauf que c'est plus collaboratif. Je vais le corriger dès que je le pourrai. Merci encore. – Amit

+0

@Amit -collaborative? Comment? – Oded

+0

@Oded - Vous avez décrit à quoi sert chaque écran/projection/impression (que je ne connaissais pas). BTW - Aimez le pays où vous êtes né :) – Amit

5

Il définit le type de support de la feuille de style. Ou l'application d'une feuille de style donnée, si vous voulez.

Si vous incluez une feuille de style avec la propriété media à "print"; les règles de cette feuille de style n'affectent qu'une page lorsqu'elle est imprimée. Si vous définissez la propriété media sur "screen"; les règles de la feuille de style n'affectent pas l'impression de la page, mais affectent la page lorsqu'elle est affichée dans un navigateur.

Si vous définissez la propriété média comme étant "screen, print"; Les règles de la feuille de style affectent à la fois l'impression de la page et son apparence dans un navigateur.

Voici a link to the documentation au W3C (l'organisation qui définit les normes pour CSS).

Source

2010-08-01 19:05:27 roosteronacid

Questions connexes

 Questions connexes