Compagnon de code
CSS : l'essentiel, avec style !
Leçons :
Découverte & Sélecteurs
18:11
Styliser les textes
18:47
Comprendre les couleurs
14:11
Les backgrounds Color
10:49
Les modèles de boîtes
25:10
Notion de Clamp, le min et le max
09:12
Arrondis et Hover
14:57
Les Display
09:21
Invisibilité & Morale
08:57
Transformer des éléments ?
15:29
Les Positions
24:18
Positions & Précautions
08:11
MEP : Les positions
22:37
Les bases de Flexbox
36:54
MEP : un dé en flexbox
27:06
MEP : des cartes flexibles
19:08
Les animations en CSS
21:03
MEP : un système solaire animé
27:00
MEP : Un texte qui défile ?
09:12
MEP : un loader... des points sauteurs !
07:38
Sélectionner un enfant
07:04
Les variables CSS
15:42
Responsivité et Media Queries
19:36
Enoncé Exercice Twitter
05:15
Un clone de Twitter
54:11
Un site complet et Responsive en HTML / CSS
02:12:46
Notice
=> leçons
=> express
=> exercices
=> projets
Leçons :
Découverte & Sélecteurs
18:11
Styliser les textes
18:47
Comprendre les couleurs
14:11
Les backgrounds Color
10:49
Les modèles de boîtes
25:10
Notion de Clamp, le min et le max
09:12
Arrondis et Hover
14:57
Les Display
09:21
Invisibilité & Morale
08:57
Transformer des éléments ?
15:29
Les Positions
24:18
Positions & Précautions
08:11
MEP : Les positions
22:37
Les bases de Flexbox
36:54
MEP : un dé en flexbox
27:06
MEP : des cartes flexibles
19:08
Les animations en CSS
21:03
MEP : un système solaire animé
27:00
MEP : Un texte qui défile ?
09:12
MEP : un loader... des points sauteurs !
07:38
Sélectionner un enfant
07:04
Les variables CSS
15:42
Responsivité et Media Queries
19:36
Enoncé Exercice Twitter
05:15
Un clone de Twitter
54:11
Un site complet et Responsive en HTML / CSS
02:12:46
Notice
=> leçons
=> express
=> exercices
=> projets
Les Couleurs en CSS
Nous avons vu les couleurs natives (red, blue, crimson...)
Facile à utiliser mais limité !
Il existe plusieurs manières d'appeler des couleurs plus précises !
Voyons ensemble les 2 plus communes.
Les valeurs rgb (red, green, blue) pour lequelles chaque valeur va de 0 à 255.
Les hexadécimales, pareil mais en héxadécimale !, avec des valeurs qui vont de 00 à ff.
| Type de couleur | Exemple | Explication |
Nom de la couleur |
color: red | Utilisation d'un nom de couleur prédéfini.Facile mais limité. |
Hexadécimal |
color: #20e1ca | Code à 6 caractères (2 pour rouge, 2 pour vert, 2 pour bleu).Valeurs de 00 à ff. |
Hexadécimalavec alpha |
color: #20e1ca80 | Ajout de 2 caractères pour la transparence(00 = transparent, FF = opaque). |
RGB |
color: rgb(32, 225, 202) | Trois valeurs de 0 à 255 pour rouge, vert et bleu. |
RGBA |
color: rgba(32, 225, 202, 0.78) | Comme RGB, mais avec une valeur de transparence entre 0 et 1. |
Écrit en 02/25 par Christophe C.
Mis à jour en 02/25