Exercice 8/26

  • Dans le fichier stylesheet.css, au-dessous de votre paire propriété:valeur color:green (mais avant l'accolade finale }), insérez les propriétés font-family et font-size avec comme valeurs respectives Garamond et 24px;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 8/26

L'un des autres avantages du CSS est qu'il vous permet de définir plusieurs propriétés pour un même sélecteur. Par exemple, si vous voulez que tous les paragraphes aient la même couleur, la même famille de police et la même taille, il vous suffit d'écrire :

p {
    font-family: Arial;
    color: blue;
    font-size: 24px;
}

N'oubliez pas : chaque couple propriété:valeur doit se terminer par un point-virgule !

Note : Si vous avez ajusté le zoom de votre navigateur, les exercices qui utilisent font-size (taille de police) et height (hauteur) ne fonctionneront pas correctement. Pour y remédier, tapez Cmd+0 ou Ctrl+0 pour remettre votre affichage par défaut.

Pour la propriété font-family vérifiez que vous avez mis une majuscule à la valeur Garamond.

Commentaires les mieux notés

29 Commentaires

  • tristan.maranhaofer-77

    tristan.maranhaofer-77

    J'ai écrit ce que la leçon m'a dit et je ne réussis pas à trouver le problème

    le 28/11/2022 à 15h51

  • Patricio M

    Patricio M Admin

    Tristan, de mon coté, ça passe et ton code est correct

    le 29/11/2022 à 08h37

  • jb.vs

    jb.vs

    l'utilisation non recommandé du important fix le problème : color: green !important;

    le 21/05/2022 à 19h33

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement pas besoin de passer par important.

    le 23/05/2022 à 23h55

  • jb.vs

    jb.vs

    le CSS de la page prends le dessus par rapport a l'exercice.

    le 21/05/2022 à 19h32

  • deva_acarbas-47

    deva_acarbas-47

    c'est quoi leurs balise p? je n'est rien modifié pourtant il me dis "vous ne pouvez pas modifié le contenu de la balise p" JPP

    le 16/03/2021 à 15h07

  • meriam

    meriam Admin

    Bonjour, votre code est correct.

    le 17/03/2021 à 13h50

  • deva_acarbas-47

    deva_acarbas-47

    Bonjour , ma réponse , ne se soumet pas cela fait 20 min que j'y suis

    le 16/03/2021 à 15h05

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 17/03/2021 à 13h27

  • LeroideWoustviller-64

    LeroideWoustviller-64

    Coucou on est fin 2020 !!!

    le 09/12/2020 à 14h09

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci...

    le 23/10/2018 à 06h18

  • my.coste-66

    my.coste-66

    Bonjour, l'exercice 7 bloque, je ne peux le soumettre ou intégrer. merci

    le 06/07/2018 à 07h31

  • mram

    mram Admin

    Bonjour, vous ne pouvez pas écrire de code du tout ?

    Ou vous avez un message d'erreur ?

    le 16/07/2018 à 00h20

  • jf.consigny05-4

    jf.consigny05-4

    il m'est impossible de faire la lecon 7... console bloque navre

    le 02/07/2018 à 23h37

  • mram

    mram Admin

    Bizarre, je viens de faire l'exercice et il fonctionne.

    le 05/07/2018 à 01h07

  • c.cloirec4

    c.cloirec4

    la je vois pas...

    le 29/12/2017 à 13h44

  • mram

    mram Admin

    Bonjour, il manquait une majuscule au nom de la police et le " ; " à la fin de la dernière ligne.

    le 31/12/2017 à 17h01

  • mram

    mram Admin

    Ligne 3 c'est 24px et non 24Px ...

    le 01/06/2017 à 12h08

  • pizzutoandrea3

    pizzutoandrea3

    ca bloque..

    le 31/05/2017 à 12h41

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 28/05/2017 à 17h31

  • mram

    mram Admin

    Même réponse... il faut utiliser l'onglet "stylesheet.css" ....

    le 21/10/2016 à 06h41

  • markitobcn

    markitobcn

    idem que exercices précédents

    le 20/10/2016 à 12h23

Pour publier un commentaire, vous devez vous connecter.
stylesheet.css
index.html
p { color: green; }
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Un sélecteur, beaucoup de propriétés</title> </head> <body> <p>Vous allez styliser ce paragraphe vous-même !</p> </body> </html>
http://localhost:8080