Exercice 3/26

Ouvrez l'onglet stylesheet.css et dites au sélecteur span que vous voulez que la police (font-family) des mots concernés soit cursive.
Regardez l'astuce si vous avez besoin d'aide !

  • Dans le fichier stylesheet.css, attribuez au sélecteur span la propriété font-family et sa valeur Cursive;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 3/26

Il faut séparer la forme (CSS) de la structure (HTML) pour deux raisons principales :

  • cela permet d'appliquer le même style à plusieurs éléments HTML sans devoir écrire le code (ex : style="color:red") pour chacun des éléments.
  • vous pouvez appliquer une apparence et un formatage identique à plusieurs pages HTML à partir d'un seul fichier CSS.

Jetez un œil au HTML dans l'onglet index.html. Il y a beaucoup de balises ‹span›‹/span› ! Tous ces mots ont une police basique mais nous voulons qu'ils soient super canons !

Essayez la règle CSS suivante :
'font-family: Cursive;'

Commentaires les mieux notés

  • Carine1972

    Je ne comprends pas : mon code est validé, pourtant ça ne change rien à l'apparence du texte... Les mots n'ont pas changé de police.

  • gmandilou

    Merci mram

  • mram Administrateur

    Il y a un espace en trop avant le point virgule ";" ligne 5

  • markitobcn

    Il me demande, comme le test antérieur, d'utiliser le fichier "stylesheet.css" pour appliquer les styles… et je ne sais pas si je l'ai bien fait

36 Commentaires

  • Carine1972

    Carine1972

    Je ne comprends pas : mon code est validé, pourtant ça ne change rien à l'apparence du texte... Les mots n'ont pas changé de police.

    le 19/05/2017 à 16h35

  • gmandilou

    gmandilou

    Merci mram

    le 23/04/2016 à 21h13

  • mram

    mram Administrateur

    Il y a un espace en trop avant le point virgule ";" ligne 5

    le 28/11/2016 à 16h29

  • markitobcn

    markitobcn

    Il me demande, comme le test antérieur, d'utiliser le fichier "stylesheet.css" pour appliquer les styles… et je ne sais pas si je l'ai bien fait

    le 20/10/2016 à 15h15

  • Carine1972

    Carine1972

    Mdrrrr : évidemment, la police que j'ai choisie par défaut sous firefox est comic sans MS... J'ai modifié et effectivement, là je vois la différence !

    le 25/05/2017 à 22h00

  • ahisse78

    ahisse78

    Bonjour voici mon code : p { font-size: 24px; } span { font-family: Cursive ; } aucune ligne vide, C majuscule à Cursive merci pour votre aide (çà bugue souvent)

    le 28/11/2016 à 16h12

  • mram

    mram Administrateur

    Il faut utiliser l'onglet "stylesheet.css" situé en haut à droite de la page.

    le 21/10/2016 à 10h39

  • mram

    mram Administrateur

    Si normalement ça devrait, de mon côté ça fonctionne.

    le 21/05/2017 à 22h50

  • antakvoria

    antakvoria

    Respecter la casse pour cursive...

    le 05/02/2016 à 13h01

  • pizzutoandrea3

    pizzutoandrea3

    petite aide

    le 28/05/2017 à 19h29

  • nat.dumar

    nat.dumar

    Je ne comprend pas mon erreur, on me dit de vérifier la syntaxe du sélecteur pour le texte, alors que j'ai copié-collé font-family: Cursive

    le 23/10/2016 à 19h11

  • mram

    mram Administrateur

    Oui la ligne 6 est vide et inutile.

    le 24/10/2016 à 13h47

  • mram

    mram Administrateur

    @dexter.1400 : oui en effet il est assez rare que ce soit la valeur utilisée. Mais dans ce cas oui vous ne pouviez pas voir la différence...

    le 29/05/2017 à 15h26

  • mram

    mram Administrateur

    @pizzutoandrea3 : ligne 2, mettez "px" en minuscule.

    le 29/05/2017 à 15h26

  • gmandilou

    gmandilou

    un message d'erreur indiquant que la syntaxe n'est pas bonne apparaît même lorsque le css est rempli correctement

    le 29/03/2016 à 17h45

  • mram

    mram Administrateur

    Bonjour,

    N'oubliez pas la majuscule dans le nom de la police.

    le 30/03/2016 à 01h11

  • atmasherine

    atmasherine

    Merci mram!

    le 04/04/2016 à 14h50

  • pizzutoandrea3

    pizzutoandrea3

    OU il il probleme?merci

    le 16/05/2017 à 01h38

  • mram

    mram Administrateur

    Ligne 4 dans le fichier .css, mettez la propriété à la ligne.

    le 17/05/2017 à 22h25

  • aigua07

    aigua07

    Bon, je trouve pas quoi changer pour valider

    le 28/10/2017 à 18h30

  • aigua07

    aigua07

    Cursive C majuscule !

    le 28/10/2017 à 18h32

  • cyasjc-52

    cyasjc-52

    Bonjour Pouvez vous me dire ou se trouve mon erreur svp

    le 03/09/2018 à 12h56

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ? ça aidera à identifier le souci.

    le 10/09/2018 à 03h39

  • thanhtamdinh-96

    thanhtamdinh-96

    Bonjour, Je comprend pas mon erreur, aidez-moi, svp??

    le 28/02/2018 à 13h48

  • mram

    mram Administrateur

    Bonjour, il faut mettre chaque règle CSS sur une ligne à part.

    le 01/03/2018 à 23h26

  • diallocherif321

    diallocherif321

    cela ne marche

    le 05/10/2018 à 23h04

  • meriam

    meriam Administrateur

    Supprimez le commentaire de la ligne 5.

    le 06/10/2018 à 02h25

  • Joany

    Joany

    je n'arrive pas acomprendre mon erreur : C'est raté ce coup-ci, joany.morand-51 ! Erreur(s) : Vérifiez la syntaxe de la règle CSS pour la police du texte dans la balise <span>.,Vous devriez avoir 1 élément html avec la règle CSS "font-family: Cursive".

    le 02/10/2018 à 10h32

  • meriam

    meriam Administrateur

    "font-family: cursive doit commencer par un majuscule.

    le 05/10/2018 à 01h44

  • naim-khezzar

    naim-khezzar

    Il faut mettre "C"majuscule a Cursive pour que sa marche.

    le 11/01/2018 à 11h55

  • nathalie.chenparis

    nathalie.chenparis

    Je comprend pas mon erreur; j'ai bien mit: span { 'font-family: Cursive;' }

    le 30/01/2018 à 11h31

  • mram

    mram Administrateur

    Bonjour, vous aviez mis des guillemets inutiles dans le CSS.

    le 30/01/2018 à 19h08

  • Joany

    Joany

    Désolé, pas de Bug juste mettre "C" et non "c" à Cursive

    le 02/10/2018 à 10h42

  • nkeshimanabrice-37

    nkeshimanabrice-37

    merci...

    le 23/10/2018 à 10h14

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Pourquoi séparer la forme de la fonction ?</title> </head> <body> <p>La plupart de ce texte est normal mais ce mot est <span>joli</span>! On peut utiliser notre <span>jolie police</span> pour rajouter du <span>style</span> sur notre site. Ce serait franchement <span>lourd</span> d'avoir à faire ces balises <span>span</span> partout, mais c'est un début avec le <span>CSS</span>!</p> </body> </html>
p { font-size: 24px; } span { /*Ajoutez votre CSS ici en supprimant les signes / et *.*/ }