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

  • meerathevarajah-98

    je ne comprends pas de tout . quelqu'un peut m'aider?

  • pizzutoandrea3

    petite aide

  • patricerameaux

    j'obtiens le bon résultat à l'affichage mais il me répond de ne pas toucher à la structure du fichier html : je ne comprends pas

  • patricerameaux

    pouvez-vous me dire pourquoi ça bloque

58 Commentaires

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 17/05/2017 à 20h56

  • patricerameaux

    patricerameaux

    j'obtiens le bon résultat à l'affichage mais il me répond de ne pas toucher à la structure du fichier html : je ne comprends pas

    le 18/09/2016 à 12h27

  • patricerameaux

    patricerameaux

    pouvez-vous me dire pourquoi ça bloque

    le 18/09/2016 à 14h42

  • mram

    mram Administrateur

    Non ce n'est pas correct, il faut mettre le code dans le fichier stylesheet.css

    le 20/10/2016 à 13h21

  • markitobcn

    markitobcn

    est ce correct ? je ne sais pas le faire dans stylesheet.css

    le 20/10/2016 à 09h25

  • markitobcn

    markitobcn

    et comment je le mets?

    le 20/10/2016 à 14h39

  • pizzutoandrea3

    pizzutoandrea3

    non

    le 05/06/2017 à 00h22

  • mram

    mram Administrateur

    Ligne 15 dans le fichier index.html, à la fin ul y a un espace avant le "\" or il ne doit pas y en avoir.

    le 21/09/2016 à 09h27

  • mram

    mram Administrateur

    Il faut regarder dans l'onglet "stylesheet.css" à côté de "index.html"...

    le 21/10/2016 à 10h33

  • patricerameaux

    patricerameaux

    vous me répondez sur un autre problème et sur un autre exercice : ici j'obtiens la couleur bleue comme demandé mais on me réponds de ne pas modifier le fichier html, ce que je n'ai pas fait !

    le 21/09/2016 à 11h45

  • patricerameaux

    patricerameaux

    je ne comprends pas le lien entre les fichiers html et css : les numéros des lignes à modifier n'ont rien à voir, expliquez moi !

    le 21/09/2016 à 11h57

  • patricerameaux

    patricerameaux

    j'insiste: cela fait 4 jours que je ne peux pas avancer à cause d'un détail qui me parait insignifiant merci de m'aider à repartir

    le 21/09/2016 à 16h42

  • bantasiby1

    bantasiby1

    J'ai changer la couleur en bleu mais le problème quand je valide il me dit de vérifier la syntaxe du sélecteur pour le texte dans la balise <span>. Je ne comprends pas ce que cela veut dire. Qu'est-ce que je dois faire ? Aider moi s'il vous plait

    le 28/05/2017 à 16h45

  • florian.marin74350

    florian.marin74350

    Je n'ai pas compris ce qu il faut faire? quel est le code qui dit que le texte est en rouge?Nous n'avons pas appris ça. quelqu'un peut m'aider?

    le 20/08/2016 à 21h41

  • markitobcn

    markitobcn

    Je ne comprends pas… pouvez-vous être plus explicite s'il vous plait?

    le 23/10/2016 à 15h57

  • markitobcn

    markitobcn

    je viens de voir qu'il y avait un onglet pour la CSS j'ai compris… désolé, merci

    le 23/10/2016 à 15h59

  • mram

    mram Administrateur

    Les numéros des lignes à modifier sont corrects : il n'y en a qu'une c'est la ligne 6 dans le fichier stylesheet.css

    le 21/09/2016 à 21h13

  • mram

    mram Administrateur

    Pour la structure HTML, le plus simple est de copier (en tant qu'invité donc non connecté) la structure HTML par défaut puis de la coller (une fois connecté) en lieu et place du code présent dans index.html

    le 21/09/2016 à 21h14

  • mram

    mram Administrateur

    En-dessous de l'exercice il y a les liens vers les autres exercices, si vous êtes bloqué vous pouvez tout de même passer à la suite et y revenir plus tard, ce n'est pas un facteur bloquant.

    le 21/09/2016 à 21h16

  • pizzutoandrea3

    pizzutoandrea3

    meme chose

    le 28/05/2017 à 22h07

  • mram

    mram Administrateur

    Comme indiqué dans l'énoncé, le code pour mettre le paragraphe en rouge existe déjà : lignes 1 à 3 du fichier .css. On demande d'utiliser la même propriété à la ligne 6 pour mettre le texte dans la balise <span> en bleu.

    le 23/08/2016 à 00h21

  • spirit.sandrine

    spirit.sandrine

    Pouvez-vous me dire où est mon erreur ? merci

    le 06/09/2016 à 16h12

  • mram

    mram Administrateur

    Il ne faut plus mettre le CSS dans le fichier index.html. Il y a un fichier .css à disposition pour ça maintenant.

    le 06/09/2016 à 17h28

  • mram

    mram Administrateur

    Si, il faut mettre les valeurs "red" et "blue". Et non les codes hexadécimaux.

    le 08/06/2017 à 11h11

  • abdo7219

    abdo7219

    vous devez aller dans le fichier stylesheet est écrire span{color: blue}comme ça en modifier pas notre page html

    le 17/04/2017 à 20h59

  • pizzutoandrea3

    pizzutoandrea3

    ou il est mon horror?

    le 16/05/2017 à 01h32

  • mram

    mram Administrateur

    @bantasiby1 : il y a un espace en trop en fin de ligne 5.

    le 01/06/2017 à 15h59

  • mram

    mram Administrateur

    @pizzutoandrea3 : mettez "blue" en minuscule et supprimez l'espace en trop en fin de ligne 5.

    le 01/06/2017 à 15h59

  • mram

    mram Administrateur

    Ligne 5 dans le fichier .css, remplacez "Blue" par "blue".

    le 17/05/2017 à 22h23

  • sarrabj20-78

    sarrabj20-78

    Bonjour. Je ne comprends pas mon erreur

    le 11/09/2018 à 21h22

  • mram

    mram Administrateur

    Bonjour, que vous dit le message ?

    le 16/09/2018 à 08h04

  • laurie.mnms

    laurie.mnms

    bonjour, sur cette partie, je bloque complètement car cette partie de leçon de cours n'est pas claire, merci de me donner la réponse, cela fait 3 jours que je suis bloquée sur cet exercice, cordialement

    le 13/02/2018 à 18h50

  • laurie.mnms

    laurie.mnms

    C'est bon...Eurêka, j'ai trouvé........aprés plusieurs tentatives :(

    le 13/02/2018 à 19h38

  • mram

    mram Administrateur

    Bonjour, il faut bien lire l'énoncé. On vous dit que le code à ajouter doit être dans le fichier stylesheet.css , pourquoi mettre le code dans index.html ? Dans le fichier CSS on vous dit où mettre le code exactement.

    le 16/02/2018 à 00h00

  • lelouarn7-42

    lelouarn7-42

    J'obtiens bien le résultat demandé mais ce n'est pas validé…

    le 31/01/2018 à 15h04

  • mram

    mram Administrateur

    Bonjour, "color:red" est trop indenté.

    le 05/02/2018 à 10h50

  • agnesvrac-1

    agnesvrac-1

    je souhaiterais mettre uniquement le mot bleu en color: blue;

    le 24/08/2018 à 15h52

  • mram

    mram Administrateur

    Attention à l'indentation dans le code CSS, vous avez des tabulations en trop.

    le 05/09/2018 à 06h13

  • agnesvrac-1

    agnesvrac-1

    Je suis également bloquée depuis plusieurs jours... L'idée n'est pas de passer à la leçon suivante si je suis incapable de faire celle-ci.Je vous remercie par avance pour votre concours

    le 24/08/2018 à 15h54

  • mram

    mram Administrateur

    Que vous dit le message d'erreur svp ? Ca aidera à identifier le souci.

    le 05/09/2018 à 19h33

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Bonjour je ne vois pas l'erreur dans mon code...

    le 15/11/2018 à 18h04

  • meriam

    meriam Administrateur

    Supprimez les espaces inutiles et indentez votre code;

    le 19/11/2018 à 14h14

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Merci de laisser la structure HTML de l'exercice telle qu'elle est définie., Vérifiez la syntaxe de la règle CSS pour la couleur du texte du paragraphe <p>.,Vous devriez avoir 1 élément html avec la règle CSS "color: red". voici le message d erreur

    le 08/10/2018 à 15h18

  • meriam

    meriam Administrateur

    Vous avez écrit p { color: blue; } alors que la couleur de p doit être rouge.

    le 08/10/2018 à 17h28

  • sobak

    sobak

    pourquoi on me met:Vérifiez la syntaxe du sélecteur pour le texte dans la balise <span>?

    le 22/11/2017 à 11h55

  • mram

    mram Administrateur

    Bonjour, vous avez des espaces inutiles après les accolades {

    le 26/11/2017 à 19h18

  • farjallah.refka-37

    farjallah.refka-37

    Think you very much

    le 19/02/2019 à 21h03

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci bien corriger...

    le 21/02/2019 à 13h47

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 */ }