Exercice 9/26

  • Dans le fichier stylesheet.css, mettez tous les titres h3 en rouge.
  • Mettez tous les paragraphes avec une police (font-family) de type Courier;
  • Mettez en jaune (yellow) la couleur de fond (background-color) des balises ‹span›‹/span› du deuxième paragraphe. Lisez l'astuce si vous avez besoin d'aide;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 9/26

Bon travail ! C'est en pratiquant que l'on progresse. Entraînez-vous donc encore un peu !

Rappelez-vous de la syntaxe :

    sélecteur {
        propriété: valeur;
    }

Commentaires les mieux notés

  • varuatahi75-49

    j'ai fait une erreur,pouvez- vous m'aider s'il vous plait.merci

  • benebee_benjamin-87

    Je comprends pas pourquoi mon code ne marche pas, h3 { color: red; } p { font-family: courier; } span { background-color: yellow; } cela me dit qu'il faut trois paragraphes en écriture courier mais c'est déjà le cas sur la visualisation de mon code...

  • jploe.hoareau

    bonjour, j'ai le message "vérifiez syntaxe règle CSS pour couleur et <span>.

  • bd

    Astuce + : Ecrire "Courier" avec une majuscule, sinon une erreur est indiquée (même si ça fonctionne avec une minuscule !).

33 Commentaires

  • benebee_benjamin-87

    benebee_benjamin-87

    Je comprends pas pourquoi mon code ne marche pas, h3 { color: red; } p { font-family: courier; } span { background-color: yellow; } cela me dit qu'il faut trois paragraphes en écriture courier mais c'est déjà le cas sur la visualisation de mon code...

    le 09/03/2018 à 13h08

  • mram

    mram Administrateur

    Bonjour, êtes vous sûr d'avoir écrit correctement le nom de la police comme indiqué dans l'énoncé ?

    le 12/03/2018 à 00h12

  • jploe.hoareau

    jploe.hoareau

    bonjour, j'ai le message "vérifiez syntaxe règle CSS pour couleur et <span>.

    le 02/11/2016 à 13h17

  • bd

    bd

    Astuce + : Ecrire "Courier" avec une majuscule, sinon une erreur est indiquée (même si ça fonctionne avec une minuscule !).

    le 20/01/2016 à 13h35

  • markitobcn

    markitobcn

    Etant donné que depuis le début des exercices CSS j'ai le même problème, je n'arrive pas à trouver la solution…

    le 20/10/2016 à 16h31

  • mram

    mram Administrateur

    J'ai modifié le code de correction, normalement c'est bon maintenant.

    le 27/06/2016 à 19h46

  • mram

    mram Administrateur

    Les noms de couleur sont en minuscules.

    le 02/11/2016 à 21h12

  • wittmann.patty

    wittmann.patty

    J'ai un soucis il me met de vérifier ma syntaxe du paragraphe p et la syntaxe du paragraphe span mais je vois pas ou j'ai faux ! Une aides pleas

    le 27/06/2016 à 17h04

  • mram

    mram Administrateur

    Revoyez le 2ème exercice situé dans la liste ci-dessous : "Utiliser la balise LINK pour lier une feuille de style CSS à une page HTML"

    le 21/10/2016 à 10h42

  • pizzutoandrea3

    pizzutoandrea3

    pas comprix

    le 27/05/2017 à 20h24

  • markitobcn

    markitobcn

    il me dit de revoir ma syntaxe du sélecteur pour le H3 mais elle me paraît correct

    le 23/10/2016 à 16h06

  • mram

    mram Administrateur

    Il faut mettre le "H" en minuscule, comme vous avez fait pour les autres d'ailleurs

    le 24/10/2016 à 13h39

  • radia.mercha

    radia.mercha

    Je suis bloquée avec les éléments suivants : h3 { color:red; } p { font-family: Courier; } span { background-color: Yellow; } Message d'erreur : "VÉRIFIEZ LA SYNTAXE DE LA RÈGLE CSS POUR LA COULEUR DE FOND DU TEXTE DES BALISES <SPAN>.,VOUS DEVRIEZ AVOIR 1 ÉLÉMENT HTML AVEC LA RÈGLE CSS "BACKGROUND-COLOR: YELLOW"."

    le 29/05/2017 à 16h20

  • mram

    mram Administrateur

    @pizzutoandrea3 : ligne 7 dans le CSS il ne faut pas utiliser "body". Relisez les instructions.

    le 01/06/2017 à 15h42

  • mram

    mram Administrateur

    @radia.mercha : ligne 8, mettez un "y" minuscule et supprimez les espaces en trop à la fin de la ligne.

    le 01/06/2017 à 15h43

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 16/05/2017 à 02h27

  • mram

    mram Administrateur

    Dans le fichier .css ligne 7 il faut utiliser le sélecteur "span" et y mettre la propriété "background-color" et sa valeur "yellow"

    le 17/05/2017 à 22h27

  • maguiguimbala-68

    maguiguimbala-68

    bonjour, on me demande de verifier les blocs de declaration de {}, je comprend pas de tout

    le 11/09/2018 à 15h03

  • mram

    mram Administrateur

    Il vous manque une accolade fermante tout à la fin.

    Relisez bien votre code...

    le 15/09/2018 à 07h35

  • veronique.nollet

    veronique.nollet

    Bonjour, j'ai un message d'erreur : Vérifiez la syntaxe de la règle CSS pour la police du texte des paragraphes <p>.,Vous devriez avoir 3 élément html avec la règle CSS "font-family: Courier".

    le 23/03/2018 à 19h04

  • mram

    mram Administrateur

    Bonjour, il faut un C majuscule à Courier.

    le 24/03/2018 à 06h30

  • sladjeroud-35

    sladjeroud-35

    Serait-ce possible de m'indiquer ou est mon erreur siouplait... :'(

    le 27/02/2018 à 17h21

  • mram

    mram Administrateur

    Bonjour, il ne faut pas mettre "font-family" au titre "h3" ce n'est pas demandé.

    le 01/03/2018 à 23h23

  • nawelbr-36

    nawelbr-36

    BONJOUR je ne ny arrive pas

    le 07/02/2019 à 01h12

  • meriam

    meriam Administrateur

    Bonjour, relisez bien l'énonce "Mettez en jaune (yellow) la couleur de fond (background-color) des balises ‹span›‹/span›"

    le 08/02/2019 à 16h20

  • ant.villard-11

    ant.villard-11

    bonjour j'ai un souci accolade le correcteur me dit qu'il en manque un mais je ne sais pas ou le placer

    le 16/03/2018 à 15h51

  • mram

    mram Administrateur

    Bonjour, oui il faut un couple d'accolade { } pour chaque sélecteur CSS, dans votre code vous n'en aviez qu'un .

    le 19/03/2018 à 04h40

  • higrane.madi-30

    higrane.madi-30

    bonjour, pouvez-vous m'aider

    le 16/07/2018 à 17h17

  • mram

    mram Administrateur

    Bonjour, dans le CSS il faut mettre les propriétés sur une ligne à part.

    le 25/07/2018 à 04h30

  • nkeshimanabrice-37

    nkeshimanabrice-37

    Il me semble que mon code est correcte mais voici le message d'erreur Vérifiez les blocs de déclarations délimités par les { et }. Vous devriez en avoir 3. mais j'ai 3 blocs

    le 08/10/2018 à 16h29

  • meriam

    meriam Administrateur

    Aprés la ligne 7, il vous manque l'accolade du sélecteur p.

    le 08/10/2018 à 17h12

  • vfaiola-21

    vfaiola-21

    hello, je ne vois pas mon erreur ;-) merci d'avance

    le 20/07/2018 à 17h31

  • mram

    mram Administrateur

    Bonjour, ligne 5 il manque le sélecteur CSS.

    le 01/08/2018 à 06h08

  • ethan.charre-10

    ethan.charre-10

    j'aime le veau <span>

    le 09/10/2018 à 15h08

  • nadaljeanyves-70

    nadaljeanyves-70

    Bien cordialement, Jean Yves

    le 23/04/2019 à 14h38

  • nadaljeanyves-70

    nadaljeanyves-70

    Ok merci Meriam.

    le 23/04/2019 à 15h10

  • nkeshimanabrice-37

    nkeshimanabrice-37

    ok merci ça fonctionne...

    le 09/10/2018 à 08h46

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Beaucoup de sélecteurs, beaucoup de propriétés</title> </head> <body> <div> <h3>À quoi sert le CSS ?</h3> <p>Le CSS est là pour styliser les pages HTML !</p> <h3>Pourquoi s'en servir ?</h3> <p>Ça rend les pages des sites <span>hyper cool</span>.</p> <h3>Qu'est-ce que j'en pense ?</h3> <p>C'est génial !</p> </div> </body> </html>