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

  • nkeshimanabrice-37

    pouvez-vous valider l'exercice...

  • my.coste-66

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

  • pizzutoandrea3

    help

  • pizzutoandrea3

    ca bloque..

12 Commentaires

  • my.coste-66

    my.coste-66

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

    le 06/07/2018 à 11h31

  • mram

    mram Administrateur

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

    Ou vous avez un message d'erreur ?

    le 16/07/2018 à 04h20

  • pizzutoandrea3

    pizzutoandrea3

    help

    le 28/05/2017 à 21h31

  • pizzutoandrea3

    pizzutoandrea3

    ca bloque..

    le 31/05/2017 à 16h41

  • mram

    mram Administrateur

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

    le 01/06/2017 à 16h08

  • mram

    mram Administrateur

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

    le 21/10/2016 à 10h41

  • markitobcn

    markitobcn

    idem que exercices précédents

    le 20/10/2016 à 16h23

  • c.cloirec4

    c.cloirec4

    la je vois pas...

    le 29/12/2017 à 15h44

  • mram

    mram Administrateur

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

    le 31/12/2017 à 19h01

  • jf.consigny05-4

    jf.consigny05-4

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

    le 03/07/2018 à 03h37

  • mram

    mram Administrateur

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

    le 05/07/2018 à 05h07

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci...

    le 23/10/2018 à 10h18

index.html
stylesheet.css
<!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>
p { color: green; }