Exercice 13/26

  • Dans le fichier stylesheet.css, regardez les valeurs hexadécimales attribuées à la propriété color des différents titres et regardez le résultat;
  • Cliquez sur soumettre ma réponse pour continuer;

Leçon 13/26

Depuis le début, pour attribuer une valeur à la propriété color avec CSS, vous écrivez color:nomdelacouleur;.

Vous vous êtes peut-être demandé comment faire pour utiliser du mauve ? Ou du bordeaux ? Ou encore du saumon ? Le CSS connaît-il toutes ces couleurs ?

Non, le CSS ne connaît pas le nom de toutes les couleurs ! Mais il peut comprendre des millions de couleurs exprimées en valeur hexadécimale.

Vous avez l'habitude des valeurs décimales avec lesquelles nous comptons tous les jours ! Prenons par exemple le nombre 1432. Chaque chiffre de ce nombre peut prendre des valeurs entre 0 et 9. Donc, chaque chiffre n'a que 10 valeurs possibles. C'est pourquoi on parle de base 10 pour décrire cette forme classique de comptage.

Une valeur hexadécimale est composée de chiffres et/ou de lettres. Le comptage hexadécimal est en base 16 : chaque signe qui compose la valeur est soit un chiffre de 0 à 9 soit une lettre de A à F.

Commentaires les mieux notés

  • mathieu.louaintier

    bonjour, pourquoi je n'ai pas le résultat?

  • mram Administrateur

    Normalement vous devriez. De mon côté tout s'affiche. Vous avez page blanche ?

  • mathrod2301-69

    La valeur approximative du marron en héxadecimal se rapprocherais plus de #8B1C10

3 Commentaires

  • mathieu.louaintier

    mathieu.louaintier

    bonjour, pourquoi je n'ai pas le résultat?

    le 26/01/2017 à 22h50

  • mram

    mram Administrateur

    Normalement vous devriez. De mon côté tout s'affiche. Vous avez page blanche ?

    le 31/01/2017 à 14h32

  • mathrod2301-69

    mathrod2301-69

    La valeur approximative du marron en héxadecimal se rapprocherais plus de #8B1C10

    le 14/05/2019 à 15h54

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Hexa-quoi ?</title> </head> <body> <h1>Je suis marron !</h1> <h2>Je suis saumon !</h2> <h3>Je suis or !</h3> <h4>Je suis turquoise !</h4> <h5>Je suis violet-bleu !</h5> <h6>Je suis prune !</h6> </body> </html>
h1 { color: #8B1C62; } h2 { color: #FF7256; } h3 { color: #FFC125; } h4 { color: #54FF9F; } h5 { color: #530EE8; } h6 { color: #8B668B; }