Dans ce court tuto vidéo, je vous propose de découvrir les instructions conditionnelles en CSS.
Il s'agit d'une règle CSS que l'on applique au navigateur du client et qui consiste à interroger ce navigateur en lui demandant si il sait interpréter un couple propriété valeur du CSS :
- Si le navigateur renvoie "vrai", alors on applique de nouvelles propriétés CSS à nos éléments HTML.
- Si le navigateur renvoie "faux", alors on applique des propriétés CSS par défaut, définis dans la feuille de style.
Cette connaissance très puissante du CSS vous ouvrira de nouveaux horizons et vous permettra d'exploiter au mieux les nouveautés du langage CSS, sans risquer de planter votre mise en page si un navigateur ne comprend par les propriétés CSS.
Pour aller plus loin, je propose cette formation sur langage CSS.
Table des matières de cette formation CSS (durée : 25m14s)
-
- Présentation de la règle d'importation gratuit 00:01:44
- Illustration de la règle d'importation 00:07:52
- Les opérateurs 00:03:26
- Un petit exemple avec un filtre CSS 00:02:48
- Exemple concret d'utilisation de la règle d'importation 00:07:48
- Conclusion 00:01:36
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Merci Carl pour ce tuto. J'ignorais l'existence de cette règle et j'ai été plutôt surpris. Cet outil va m'être très utile. Validé 100 % règles conditionnelles.
-
Simple et efficace. TB
-
Bonjour Carl, sympa ce petit cours avec les règles conditionnelles. Ça laisse des nouvelles possibilités pour nos mises en page. Si on a un doute que notre code soit accepté ou non par certains navigateurs, comme vous dites on ne risque rien, il sera simplement ignoré. Merci beaucoup pour ces petits plus. :-)
-
Avec quelle version de logiciel ce tuto est-il compatible ?CSS
-
Que contient le fichier source ?Le code source de l'exercice
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés