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 couleurLimeGreen. Attention, il faut utiliser le code héxadécimal de la couleur (recherchez sur Internet). - Mettre le titre
‹h1›en taille de police2.5emet avec la policeVerdanauniquement. - Mettre le paragraphe
‹p›en taille de police1.5emet avec la policeSans-serifau cas où l'utilisateur n'a pasVerdanainstallée sur son ordinateur. - Mettre le texte entre les balises
‹span›‹/span›en couleurDodgerBlue. 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;
}
286 Commentaires
-
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 Admin
Code......OK
le 06/03/2023 à 07h49
-
damien-petit-98
je ne vois pas mon erreur mercile 27/02/2023 à 10h31
-
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
Je ne comprends pas où est l'erreurle 20/09/2022 à 13h11
-
Patricio M Admin
les proprietés s'ecrivent en miniscules
le 20/09/2022 à 14h32
-
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 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
Bonjour, on me dit que je dois mettre deux valeurs dans la font-family de p ?le 15/09/2022 à 16h17
-
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
Bonjour, je ne comprends pas mon erreur !le 19/05/2022 à 07h40
-
meriam Admin
Bonjour, votre code fonctionne correctement.
le 19/05/2022 à 15h51
-
borz
Bonjour, je ne comprends pas mon erreurle 18/05/2022 à 22h37
-
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
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 à confusionle 28/03/2022 à 12h22
-
mickaelbedart-60
bonjour, je ne trouve pas mon erreur...le 11/03/2022 à 12h05
-
meriam Admin
Bonjour; pour les balises de subtitution, il faut séparer les polices par un virgule.
le 16/03/2022 à 14h04
-
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 Admin
Bonjour, l'erreur est au niveau de cette ligne de code.
le 10/03/2022 à 14h24
-
meriam Admin
Bonjour, l'erreur est au niveau de cette ligne de code :font-family:Verdana;Sans-serif;
le 10/03/2022 à 14h24
-
meriam Admin
Il faut laisser un ',' entre les polices souhaitées.
le 10/03/2022 à 14h25
-
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 Admin
Bonjour, votre dernier code est correct.
le 07/03/2022 à 15h41
-
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 Admin
Bonjour, la valeur de la propriété font-q
le 07/03/2022 à 15h44
-
meriam Admin
Bonjour, la valeur de la propriété font-size pour span est 2 em.
le 07/03/2022 à 15h44
-
mickaelbedart-60
bonjour, je ne trouve pas l'erreur :le 07/03/2022 à 15h21
-
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
mercile 15/12/2021 à 19h46
-
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
merci mais j'ai toujours le meme errorle 15/12/2021 à 19h46
-
meriam Admin
Bonjour, votre code fonctionne correctement.
le 16/12/2021 à 14h08
Commentaires les mieux notés