Les medias queries - Les cours Css

Qu'est-ce qu'une media query

Définition d'une media query

Arrivées avec les CC3, les Media Queries vont vous permettre de spécifier des conditions pour l'application d'une feuille de styles spécifique.
Anciennement, il existait une seule condition qui était le support de consultation (screen, print, ...).
Aujourd'hui, la "Media Query" va vous permettre de compléter la condition de utilisation de la CSS grâce aux opérateurs logiques and "et", only "uniquement", not "non" et divers critères que nous étudierons dans le cours spécifique aux les Media Queries.
Vous pourrez utiliser la "Media Query" avec l'attribut HTML media:

Code HTML :
<link media="screen and (max-width: 640px)" href="macss.css"/>
<style media="screen and (max-width: 640px)">
</style>

Vous pourrez aussi utiliser la "Media Query" avec @import et @media :

Code CSS :
@import url("testimport.css") screen and (max-width: 640px);
@media screen and (max-width: 640px){} 

Les Media Queries sont généralement utilisées pour modifier la charte d'un site quand celui-ci est visualisé par un mobile ou une tablette.
J'ai commencé un article sur les Media Queries que je compléterai au fur et à mesure de mes découvertes et de ma maitrise des Media Queries.

Cours détaillé sur Media Queries