Astuces ⇒ HTML CSS facebook twitter youtube

Astuces CSS3 ⇒ & les Media-Queries



 Les Media Queries permettent de cibler :

  1.     Le type de média
  2.     La taille de l'écran
  3.     La taille de la fenêtre
  4.     La résolution
  5.     Le nombre de couleurs
  6.     L'orientation
  7.     ...

Pour en expliquer le principe, on a deux exemples :

    La largeur de la fenêtre avec un contrôle du width ;
    La largeur de l'écran du terminal avec le contrôle de device-width (ah non, ce n'est pas la même chose que width tout seul) ;

 

 

Fonctionnalités de médias

La plupart des fonctionnalités de média peuvent être précédées de « min- » ou « max- » pour exprimer des contraintes « plus grand ou égal à » ou « plus petit ou égal à ».  Ceci permet d'éviter les symboles « < » et « > » qui provoqueraient des conflits avec HTML et XML.

Si une fonctionnalité de média est utilisée sans préciser de valeur, l'expression sera considérée comme vraie si la valeur de cette fonctionnalité est différente de zéro.

 L'attribut media peut prendre (depuis CSS2) les valeurs suivantes :

screen
    Écrans
handheld
    Périphériques mobiles ou de petite taille
print
    Impression
aural (CSS 2.0) / speech (CSS 2.1)
    Synthèses vocales
braille
    Plages braille
embossed
    Imprimantes braille
projection
    Projecteurs (ou présentations avec slides)
tty
    Terminal/police à pas fixe
tv
    Téléviseur
all
    Tous les précédents

 

Des astuces particulières

 

 


Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces