Notation hexadécimale, RGB et RGBA
Objectifs
Les objectifs de cette vidéo sont:
- Comprendre différentes méthodes d'écriture des couleurs en CSS.
- Apprendre à gérer la transparence avec les propriétés RGBA et Opacity.
- Appliquer les connaissances pour créer des effets visuels sur des pages web.
Résumé
Cette leçon explore les diverses méthodes pour écrire les couleurs et gérer la transparence en CSS.
Description
Dans cette leçon, nous allons explorer les différentes méthodes pour écrire les couleurs en CSS, ainsi que les différents niveaux de transparence. Les couleurs peuvent être définies de plusieurs manières, notamment par la notation hexadécimale, RGB et RGBA. Nous expliquerons comment utiliser chacune de ces méthodes en détaillant les codes nécessaires.
Nous commencerons par la notation hexadécimale, qui utilise trois paires d'éléments pour représenter les composantes rouge, vert et bleu d'une couleur. Ensuite, nous explorerons l'utilisation de noms de couleurs spécifiés par le W3C et comment les utiliser correctement. Nous verrons également la notation RGB, où chaque composante est définie par une valeur entre 0 et 255.
Enfin, la leçon abordera la notation RGBA qui permet d'ajouter une composante d'opacité, utile pour créer des effets de transparence. Nous montrerons comment cette méthode nouvelle est largement supportée par la plupart des navigateurs modernes, à l'exception de quelques versions d'Internet Explorer, pour lesquelles nous proposerons des solutions de contournement.
En conclusion, nous verrons comment appliquer la transparence aux éléments de la page, incluant des boîtes semi-transparentes et des arrière-plans affectés séparément des contenus.
Questions - réponses
Programme détaillé
Module 1 - Introduction
Module 2 - LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
Module 3 - LES BASES DU HTML5 et les propriétés CSS3 courantes
Module 4 - HTML5 : Les nouvelles et autres balises html5
Module 5 - ANNEXES
Module 6 - Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Module 7 - Les nouveaux API du HTML5 (javascript)
Module 8 - Conclusion
