Introduction
LES FONDAMENTAUX ET TECHNIQUES AVANCEES DU HTML/XHTML
LES BASES DU HTML5 et les propriétés CSS3 courantes
HTML5 : Les nouvelles et autres balises html5
ANNEXES
Travailler en HTML5 et CSS3 avec les nouvelles balises et propriétés
Les nouveaux API du HTML5 (javascript)
Détails de la leçon
Description de la leçon
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.
Objectifs de cette leçon
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.
Prérequis pour cette leçon
Pour suivre cette vidéo, il est recommandé de connaître les bases du CSS et du HTML.
Métiers concernés
Ces connaissances sont particulièrement utiles pour les développements front-end, le design web, le développement d'applications UI/UX, et la création de contenu multimédia.
Alternatives et ressources
En dehors des notations hexadécimale, RGB et RGBA, il est possible d'utiliser HSL/HSLA pour définir les couleurs en CSS.
Questions & Réponses
Je m'abonne