Exercice 18/26

Dans cet exercice, vous allez réutiliser les concepts vu précédemment.

Dans le fichier stylesheet.css, créez les règles CSS nécessaires pour :

  • Mettre le titre ‹h1› en couleur LimeGreen. Attention, il faut utiliser le code héxadécimal de la couleur (recherchez sur Internet).
  • Mettre le titre ‹h1› en taille de police 2.5em et avec la police Verdana uniquement.
  • Mettre le paragraphe ‹p› en taille de police 1.5em et avec la police Sans-serif au cas où l'utilisateur n'a pas Verdana installée sur son ordinateur.
  • Mettre le texte entre les balises ‹span›‹/span› en couleur DodgerBlue. Attention, il faut utiliser le code héxadécimal de la couleur (recherchez sur Internet).
  • Mettre le texte entre les balises ‹span›‹/span› avec une taille de police 2x plus grosse que celle du paragraphe ‹p›.
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 18/26

Dans les exercices précédents, vous avez vu :

  • la nature et l'intérêt du CSS;
  • l'intérêt de séparer la forme du contenu;
  • la syntaxe CSS avec les (multiples) sélecteurs, les (multiples) paires de propriétés:valeurs et les commentaires;
  • des détails sur le fonctionnement des polices, de leur taille et des couleurs.

N'oubliez pas les majuscules dans le nom des polices.

Attention, la police 2x plus grosse que 1.5em ne correspond pas à 3em.

Veillez à bien respecter la syntaxe de la déclaration des règles CSS :

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

Commentaires les mieux notés

282 Commentaires

  • charlesprat777-89

    charlesprat777-89

    Tres decu par la mauvaise formulation au niveau "2x plus" resultat j'ai trouve la solution dans les commentaires mais je n'ai pas compris ...

    le 05/03/2023 à 04h10

  • Patricio M

    Patricio M Admin

    Code......OK

    le 06/03/2023 à 07h49

  • damien-petit-98

    damien-petit-98

    je ne vois pas mon erreur merci

    le 27/02/2023 à 10h31

  • Patricio M

    Patricio M Admin

    Damien tu as un croix rouge à gauche... si tu passes la souris dessus, tu auras l'explication et la réponse ;)

    le 27/02/2023 à 11h07

  • judithblot-93

    judithblot-93

    Je ne comprends pas où est l'erreur

    le 20/09/2022 à 13h11

  • Patricio M

    Patricio M Admin

    les proprietés s'ecrivent en miniscules

    le 20/09/2022 à 14h32

  • jaoid.farchich-14

    jaoid.farchich-14

    Bonsoir, est-ce que vous pouvez m'informer sur mon code ca ne fonctionne pas ...

    le 18/09/2022 à 23h24

  • Patricio M

    Patricio M Admin

    De mon coté, ton code est correct. Attention que les codes couleurs hexdecimaux sont d'habitude écrit en miniscules

    le 19/09/2022 à 08h56

  • judithblot-93

    judithblot-93

    Bonjour, on me dit que je dois mettre deux valeurs dans la font-family de p ?

    le 15/09/2022 à 16h17

  • Patricio M

    Patricio M Admin

    Oui, 2 valeurs, car si le premier ne fonctionne pas, il trouvera le 2ème, donc, Verdana, Sans Serif par exemple

    le 16/09/2022 à 07h21

  • angeliquecouillandre-50

    angeliquecouillandre-50

    Bonjour, je ne comprends pas mon erreur !

    le 19/05/2022 à 07h40

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 19/05/2022 à 15h51

  • borz

    borz

    Bonjour, je ne comprends pas mon erreur

    le 18/05/2022 à 22h37

  • meriam

    meriam Admin

    Bonjour, au niveau du 2 ème sélecteur , pour la propriété laissez un espace entre les valeurs de cette propriété.

    le 19/05/2022 à 15h37

  • thibault-vial-44-15

    thibault-vial-44-15

    Il serait peut être plus juste de préciser dans l'énoncer "avec une taille de police 2x plus grosse que celle du paragraphe ‹p› AVANT modification. Je dois avouer que cette formulation prêterait moins à confusion

    le 28/03/2022 à 12h22

  • mickaelbedart-60

    mickaelbedart-60

    bonjour, je ne trouve pas mon erreur...

    le 11/03/2022 à 12h05

  • meriam

    meriam Admin

    Bonjour; pour les balises de subtitution, il faut séparer les polices par un virgule.

    le 16/03/2022 à 14h04

  • mickaelbedart-60

    mickaelbedart-60

    c'est correct mais il ne veut pas valider. On m'indique une erreur. J'aimerai bien passer à la suite... pouvez-vous m'aider?

    le 07/03/2022 à 15h47

  • meriam

    meriam Admin

    Bonjour, l'erreur est au niveau de cette ligne de code.

    le 10/03/2022 à 14h24

  • meriam

    meriam Admin

    Bonjour, l'erreur est au niveau de cette ligne de code :font-family:Verdana;Sans-serif;

    le 10/03/2022 à 14h24

  • meriam

    meriam Admin

    Il faut laisser un ',' entre les polices souhaitées.

    le 10/03/2022 à 14h25

  • mickaelbedart-60

    mickaelbedart-60

    h1 { color:#32cd32; font-size:2.5em; font-family:Verdana; } p { font-size:1.5em; font-family:Verdana;Sans-serif; } span { color:#1e90ff; font-size:2em; }

    le 07/03/2022 à 15h29

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 07/03/2022 à 15h41

  • mickaelbedart-60

    mickaelbedart-60

    h1 { color:#32cd32; font-size:2.5em; font-family:verdana; } p { font-size:1.5em; font-family:verdana;sans-serif; } span { color:#1e90ff; font-size:3em; }

    le 07/03/2022 à 15h21

  • meriam

    meriam Admin

    Bonjour, la valeur de la propriété font-q

    le 07/03/2022 à 15h44

  • meriam

    meriam Admin

    Bonjour, la valeur de la propriété font-size pour span est 2 em.

    le 07/03/2022 à 15h44

  • mickaelbedart-60

    mickaelbedart-60

    bonjour, je ne trouve pas l'erreur :

    le 07/03/2022 à 15h21

  • meriam

    meriam Admin

    Bonjour, si vous voulez ajouter une police de subtitution, la séparation se fait par un virgule exemple ==> font-family :Arial, Verdana;

    le 10/03/2022 à 14h22

  • majagantuya-57

    majagantuya-57

    merci

    le 15/12/2021 à 19h46

  • meriam

    meriam Admin

    Je vous en prie. N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.

    le 16/12/2021 à 14h09

  • majagantuya-57

    majagantuya-57

    merci mais j'ai toujours le meme error

    le 15/12/2021 à 19h46

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 16/12/2021 à 14h08

stylesheet.css
index.html
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Récapitulons</title> </head> <body> <h1>Je suis un titre h1</h1><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. <span>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</span>.</p> </body> </html>