Un article de WikiTuto.

Apprendre les CSS CSS Généralités Feuilles de style : appliquer un style Application d'un style à un code HTML Association avec un média particulier Association d'un style à une balise DIV et SPAN Notion de boîte Feuilles de style : liste des éléments Unités de mesure Propriétés de police Mise en forme du texte Mise en forme de liste Couleurs et arrière-plans Retraits extérieurs et intérieurs Cadres Positionnement absolu des éléments Exemple de réalisation de feuille de style Que doit contenir le site deux feuilles de style feuille de style pour l'écran La feuille de style pour l'impression Utilitaires CSS Positionnement et affichage Positionnement et affichage explications propriété clear Exemple de positionnement flottant Affichage Tableaux sans tableau Bouton CSS sans programmation Bouton plat Bouton en relief Les bugs d'Internet Explorer modifier Tdm CSS

Explication

Avec la version 2 de la spécification CSS, on peut indiquer le média auquel est dédié une feuille de style. Pour l'instant, les médias possibles sont : all, aural, braille, embossed, handheld, print, projection, screen, tty, tv.

La précision du média peut se faire au sein d'une même feuille de style :

@media print {
  BODY { font-size: 10pt }
  }
 @media screen {
   BODY { font-size: 12pt }
  }
   

ou dans l'en-tête de la page HTML :

<link rel="stylesheet" type="text/css" href="site.css"  media="screen">
<link rel="stylesheet" type="text/css" href="print.css" media="print">
        

Source

Dominique Gonzalez

Voir aussi

• Application d'un style à un code HTML
• Association avec un média particulier
• Association d'un style à une balise
• DIV et SPAN
• Notion de boîte