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

131 Commentaires

  • assina_02-79

    assina_02-79

    le code est bon mais on ne voit malheuresement pas un changement sur la phrase après avoir appuyé sur "soumettre" t c'est tout le temps comme ca

    le 22/11/2022 à 12h28

  • Patricio M

    Patricio M Admin

    Des fois le localhost, ne fonctionne pas bien... quand c'est le cas, utilise jsfiddle.net pour voir le résultat sur le navigateur

    le 22/11/2022 à 13h34

  • tchong665-97

    tchong665-97

    C'est vrai que les exercices sont un peu bugués. Il faut mettre et enlever un espace pour que le texte s'affiche bien au bout d'un moment.

    le 25/01/2022 à 15h34

  • meriam

    meriam Admin

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

    le 25/01/2022 à 16h35

  • frederique12simon-6

    frederique12simon-6

    bjr mon message d erreur est "votre balise span n a tj pas la font-family:Cursive" je comprend pas merci de m aider

    le 04/12/2021 à 16h47

  • meriam

    meriam Admin

    Bonjour, il faut supprimer les simples guillemets qui entourent :span { 'font-size:Cursive;' }, ecrivez la police en miniscule.

    le 06/12/2021 à 14h57

  • thmsgarcia3-56

    thmsgarcia3-56

    c'est normal , c'est sa l'informatique parfois tu dois savoir par toi meme et te debrouiller . Il faut perséverer tu y arrivera ;) il y a des difficultees de partout,et c'est cela le challenge,sois tu aimes et tu persevere malgré la dificulte , sois quelqu un d'autre prendra ta place.c'est à force de pratiquer que tu comprendra et prendra l'habitude. excuse moi pour les fautes d'orthographes . bonne journee a toi et force a toi pour la suite .

    le 29/11/2021 à 08h49

  • thmsgarcia3-56

    thmsgarcia3-56

    c'est normal , c'est sa l'informatique parfois tu dois savoir par toi meme et te debrouiller . Il faut perséverer tu y arrivera ;) il y a des difficultees de partout,et c'est cela le challenge,sois tu aimes et tu persevere malgré la dificulte , sois quelqu un d'autre prendra ta place.c'est à force de pratiquer que tu comprendra et prendra l'habitude. excuse moi pour les fautes d'orthographes . bonne journee a toi et force a toi pour la suite .

    le 29/11/2021 à 08h48

  • antoine.varais-72

    antoine.varais-72

    Même problème que sur le précédent, message d'erreur "Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?" J'ai le ce même message sur 12 exercices

    le 28/11/2021 à 18h24

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 22h48

  • sarah_mennad-73

    sarah_mennad-73

    Bonjour à chaque exercice j'ai message d'erreur au moment de soumettre ma réponse "Votre balise DOCTYPE est incorrecte. Avez-vous écrit ceci : <!DOCTYPE html> ?" Alors qu'elle est bien mise en première page.

    le 28/11/2021 à 15h07

  • meriam

    meriam Admin

    Bonjour, c'est un bug qui va être résolu . Merci pour votre compréhension.

    le 28/11/2021 à 22h56

  • Tiphaine.juquel-27

    Tiphaine.juquel-27

    Bonjour, comme lors de l'exercice précédent, j'ai un soucis alors que le code est bon. Je ne peux pas soumettre l'exercice

    le 27/11/2021 à 13h09

  • meriam

    meriam Admin

    Bonjour, quel est votre problème?

    le 28/11/2021 à 23h36

  • v.boidron-67

    v.boidron-67

    Bonjour, y a t il une police police par défaut du texte ainsi que la taille de la police car nulle part n'est indiqué que le paragraphe doit être en police news dans le code htlm ? Merci pour votre réponse

    le 26/04/2021 à 08h44

  • meriam

    meriam Admin

    Bonjour, par défaut la police par défaut est New Times et la taille par défaut est 16px.

    le 28/04/2021 à 11h16

  • mounif2012-27

    mounif2012-27

    Bonjour, il y a un grand encadré gris au niveau de la l'onglet localhost cachant la moitié de l'onglet et qui affiche un message d'erreur "Il se peut que la page Web à l'adresse https://bobtva.theaiinstitute.ai:5000/?exercice=31&user=50680 soit temporairement inaccessible ou qu'elle ait été déplacée de façon permanente à une autre adresse Web"

    le 31/03/2021 à 14h40

  • saphyr69400-42

    saphyr69400-42

    Bonjour, je ne comprends plus mon erreur. p &#123;font-size: 24px;font-family: Cursive} span &#123;font-family: Cursive}. Vous n'avez pas besoin de modifier les règles css pour la balise p

    le 26/03/2021 à 05h05

  • meriam

    meriam Admin

    Bonjour, attribuez la police cursive à la balise span uniquement et pas pour les p.

    le 26/03/2021 à 11h57

  • adam.comme.205

    adam.comme.205

    bonjour

    le 25/03/2021 à 12h08

  • meriam

    meriam Admin

    Bonjour, vous avez un problème?

    le 25/03/2021 à 16h59

  • saphyr69400-42

    saphyr69400-42

    p &#123; font-size: 24px;font-family: Cursive } span &#123; /*Ajoutez votre CSS ici en supprimant les signes / et *.*/ font-family:Cursive } Je reviens vers vous, ça me met erreur, Vous n'avez pas besoin de modifier les règles css pour la balise p

    le 23/03/2021 à 16h52

  • meriam

    meriam Admin

    Bonjour, supprimez le commentaire.

    le 24/03/2021 à 10h24

  • saphyr69400-42

    saphyr69400-42

    p &#123; font-size: 24px;font-family: Cursive } span &#123; /*Ajoutez votre CSS ici en supprimant les signes / et *.*/ } Est-ce bien ça ? Cela m'affiche erreur: Vous n'avez pas besoin de modifier les règles css pour la balise p

    le 20/03/2021 à 14h17

  • meriam

    meriam Admin

    Bonjour, ajoutez la propriété font-family et la valeur Cursive au sélecteur span.

    le 22/03/2021 à 10h38

  • candice.dudit-88

    candice.dudit-88

    Bonjour je ne peux pas soumettre ma réponse

    le 16/03/2021 à 16h35

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 17/03/2021 à 13h41

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 *.*/ }