Exercice 2/26

Regardez l'onglet stylesheet.css. Nous y avons mis le CSS pour que le texte du paragraphe soit rouge (code lignes 1,2 et 3). Vous voulez que le texte entre les balises ‹span›‹/span› (ligne 8 dans le fichier index.html) soit bleu. Vous devez donc ajouter le CSS nécessaire dans l'onglet stylesheet.css.
Quand vous avez terminé, cliquez sur Soumettre ma réponse.

  • Dans le fichier stylesheet.css, le code CSS à la ligne 2 met le texte du paragraphe en rouge;
  • Ajoutez le code CSS à la ligne 6 pour faire en sorte que le texte entre les balises ‹span›‹/span› soit en bleu;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 2/26

Le CSS (qui signifie Cascading Style Sheets ou feuilles de style en cascade) est un langage utilisé pour définir l'apparence et la forme d'un contenu en HTML.

Une style sheet décrit ce à quoi doit ressembler le HTML, tout simplement !

On dit que ces feuilles de style sont en cascade car si vous appliquez un style à un élément HTML, il va se répercuter "en cascade" à tous les autres éléments HTML qu'il contient.

Si vous ne savez pas quel code écrire pour mettre le texte en bleu, reprenez le code CSS qui met le paragraphe en rouge et changez seulement la couleur.

Commentaires les mieux notés

198 Commentaires

  • victoriasarfo-8

    victoriasarfo-8

    bonjouir, je n'arrive pas. J'ai bien ecrit color bleu à la ligne 6 mais ca ne fonction pas

    le 26/01/2023 à 11h07

  • Patricio M

    Patricio M Admin

    Victoria, la programmation it's in english, not in french...

    le 26/01/2023 à 15h53

  • karinavoltchenkova99-77

    karinavoltchenkova99-77

    le bouton soumettre ne fonctionne pas

    le 25/03/2022 à 10h51

  • meriam

    meriam Admin

    Bonjour, le bouton fonctionne correctement.

    le 28/03/2022 à 13h39

  • Rubis.daisuki-69

    Rubis.daisuki-69

    Hola, je n'arrive pas à mettre en bleu le « bleu »... pourtant ça dit que l'exercice est réussit, c'est bizarre, ça marche pas

    le 08/03/2022 à 19h54

  • meriam

    meriam Admin

    Bonjour, pouvez me dire le message d'erreur affiché?

    le 10/03/2022 à 15h16

  • benamarahaim-5

    benamarahaim-5

    bonjour mon code fonctionne mais je n'arrive pas a "soumettre ma reponse"

    le 08/03/2022 à 13h31

  • meriam

    meriam Admin

    Bonjour, le problème du bouton soumettre est résolu.Merci pour votre compréhension.

    le 10/03/2022 à 14h53

  • thmsgarcia3-56

    thmsgarcia3-56

    Bonjour , mon code est correct pourtant ils me disent erreur au niveau du "doctype html"

    le 28/11/2021 à 11h39

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 23h04

  • thmsgarcia3-56

    thmsgarcia3-56

    Bonjour , mon code est correct pourtant ils me disent erreur au niveau du "doctype html"

    le 28/11/2021 à 11h39

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 22h57

  • fiarda33-67

    fiarda33-67

    bonjour mon code est bon, mais quand je fais soumettre il y a un code erreur sur la balise DOCTYPE qui s'affiche

    le 28/11/2021 à 00h33

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 22h55

  • Tiphaine.juquel-27

    Tiphaine.juquel-27

    Bonjour, j'ai un soucis avec l'exercice. Mon code est correcte, mais lorsque je soumet la réponse ça me dit de vérifier le <!DOCTYPE html> que je n'ai pourtant pas toucher.

    le 27/11/2021 à 13h03

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 23h33

  • antoine.varais-72

    antoine.varais-72

    Bonjour, j'ai une erreur "Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?" Mais je pense que mon code est bon

    le 26/11/2021 à 09h22

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 22h53

  • laab.amine212-90

    laab.amine212-90

    bonjour, je comprend pas pourquoi j'ai se message d'erreur "Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?"

    le 25/11/2021 à 23h29

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 22h49

  • jessyka.loreau-62

    jessyka.loreau-62

    Bonjour, j'ai le message d'erreur suivant qui s'affiche : Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ? Merci à vous

    le 02/11/2021 à 15h01

  • meriam

    meriam Admin

    Bonsoir, vous devez ajouter la propriété color et la valeur blue au sélecteur span.

    le 08/11/2021 à 20h45

  • khadidja

    khadidja

    p &#123; color: blue; } span &#123; /* écrivez votre CSS à la place de cette ligne de commentaire */ } la phrase est en bleu mais jai toujours l'erreur !

    le 04/10/2021 à 11h29

  • meriam

    meriam Admin

    Bonjour, l'élément span doit avoir la couleur bleu.

    le 04/10/2021 à 11h36

  • thomas2319

    thomas2319

    bonjour mon code ne marche pas je peux avoir de l'aide svp

    le 31/03/2021 à 14h32

  • meriam

    meriam Admin

    Bonjour, la couleur du paragraphe doit être en rouge.

    le 31/03/2021 à 16h25

  • meriam

    meriam Admin

    Pour le sélecteur span, vous devez séparer la prorpriété color et la valeur avec :

    le 31/03/2021 à 16h25

  • sterennmaheut-51

    sterennmaheut-51

    vous pouvez me donner la reponse svp

    le 19/03/2021 à 07h31

  • meriam

    meriam Admin

    Bonjour, attribuez au sélecteur span la propriété color et la valeur blue ==>span { color: blue; } , la couleur de p doit être rouge.

    le 19/03/2021 à 14h34

  • candice.dudit-88

    candice.dudit-88

    Bonjour, je pense que mon code est bon mais j'ai un message d'erreur

    le 16/03/2021 à 15h05

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.Quel est le message d'erreur affiché

    le 17/03/2021 à 13h45

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Jolies polices</title> </head> <body> <p>Je suis un paragraphe écrit en rouge mais l'un de mes mots est en <span>bleu</span> !</p> </body> </html>
p { color: red; } span { /* écrivez votre CSS à la place de cette ligne de commentaire */ }