Exercice 7/26

  • Dans le fichier stylesheet.css, créez une règle CSS pour mettre le texte du sélecteur p en vert (green). Lisez l'astuce si vous avez besoin d'aide;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Leçon 7/26

La syntaxe du CSS est différente de celle du HTML mais ne vous inquiétez pas : c'est facile à apprendre ! Le format de base est le suivant :

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

Un sélecteur peut être n'importe quel élément HTML tel que ‹p› ‹div› ‹span› ‹i› ‹img›. Il suffit de retirer les < >.
Par exemple, pour mettre le texte des paragraphes en rouge, il suffit d'ajouter dans le fichier CSS :

p {
    color: red;
}

Une propriété est une caractéristique d'un sélecteur. La famille de police (font-family), la couleur (color) et la taille de police (font-size) sont des caractéristiques qui peuvent être attribuées à un mot ou à des paragraphes dans vos pages web (il y en a beaucoup d'autres !).

Une valeur est - comme son nom l'indique - une valeur possible de la propriété. À la propriété color, on peut attribuer la valeur rouge (red), bleu (blue), noire (black) ou n'importe quelle autre couleur. La propriété font-family peut prendre pour valeur Arial, Verdana, Impact ou toute autre police de caractères. Et ainsi de suite...

Chaque couple propriété/valeur doit se terminer par un point-virgule (;). C'est ce qui permet au CSS de savoir que votre paire est terminée et que vous êtes prêt pour la prochaine.

Pour rappel, la structure d'une règle CSS est la suivante :

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

Commentaires les mieux notés

  • christopheminotti

    bonjour il me dit que j'ai une erreur de syntaxe ! mais je vois pas la qu'elle ?!!

  • ade.sip-93

    Bonjour pouvez-vous me dire où se trouve mon erreur

  • chardrele_ndoulou-55

    bonjou, je ne comprend mon erreur le message affiche verifiez la syntaxe de la règle CSS pour la couleur du texte du paragraphe.alors que mon texte s'affiche en vert

  • beatrix.lang

    SVP je ne vois pas l'erreur de la syntaxe du <p>.

21 Commentaires

  • christopheminotti

    christopheminotti

    bonjour il me dit que j'ai une erreur de syntaxe ! mais je vois pas la qu'elle ?!!

    le 14/09/2017 à 17h09

  • mram

    mram Administrateur

    Bonjour, dans le CSS il faut un espace après les ":"

    le 20/09/2017 à 14h31

  • beatrix.lang

    beatrix.lang

    SVP je ne vois pas l'erreur de la syntaxe du <p>.

    le 15/11/2017 à 12h21

  • mram

    mram Administrateur

    Bonjour, il ne faut pas d'espace après l'accolade {

    le 16/11/2017 à 18h40

  • mram

    mram Administrateur

    Il ne faut pas mettre de balise <style> dans index.html, il faut utiliser l'onglet "stylesheet.css". Revoyez l'exercice qui expliquer comment externaliser le code CSS.......

    le 21/10/2016 à 10h40

  • no.khalfallah

    no.khalfallah

    bonsoir, je ne comprend pas mon erreur de syntaxe ! merci

    le 16/11/2017 à 01h46

  • markitobcn

    markitobcn

    il me mets toujours le message suivant : "Utiliser le fichier "stylesheet.css" pour appliquer les styles. je ne comprends pas comment je dois faire

    le 20/10/2016 à 16h11

  • no.khalfallah

    no.khalfallah

    probleme trouvé, soucis d'espace

    le 16/11/2017 à 02h09

  • mram

    mram Administrateur

    Bonjour, oui en effet, mais votre code était bien fonctionnel.

    le 16/11/2017 à 18h51

  • axelfertinel

    axelfertinel

    Bonjour, je ne comprend pas l'erreur "Vérifiez la syntaxe du sélecteur pour le paragraphe <p>" .p {color: green; }

    le 12/12/2017 à 16h30

  • axelfertinel

    axelfertinel

    Lol c'est bon c'étais juste les espace que j'avais pas bien compris.

    le 12/12/2017 à 16h34

  • Rayane_tournier-51

    Rayane_tournier-51

    Bonjour, mon code semble fonctionner sur la prévisualisation, mais il me dit que j'ai fait une erreur : "Vérifiez l'attribut "type" ainsi que sa valeur., Utilisez le fichier stylesheet.css pour appliquer les styles"...? je ne comprends pas ce que je peux faire de plus, il n'y a rien d'autre dans la consigne.

    le 30/08/2018 à 09h12

  • mram

    mram Administrateur

    Bonjour, ligne 4 vous n'utilisez pas le bon attribut pour la balise "style".

    le 05/09/2018 à 07h23

  • deuxs-95

    deuxs-95

    Bonjour, je ne comprends pas le problème de syntaxe alors que le texte s'affiche en vert

    le 30/08/2018 à 15h25

  • mram

    mram Administrateur

    Bonjour, que vous dit le message d'erreur ?

    le 06/09/2018 à 06h08

  • Rayane_tournier-51

    Rayane_tournier-51

    ha, je viens de comprendre mon erreur de mot. ok.

    le 31/08/2018 à 00h18

  • alexismoquet

    alexismoquet

    bjr, je ne vois pas mon erreur.

    le 21/09/2017 à 12h08

  • mram

    mram Administrateur

    Bonjour c'est "green" et non "Green" ...

    le 22/09/2017 à 18h04

  • nkeshimanabrice-37

    nkeshimanabrice-37

    MERCI

    le 23/10/2018 à 10h17

  • chardrele_ndoulou-55

    chardrele_ndoulou-55

    merci j'ai reussi

    le 02/11/2018 à 11h42

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>La syntaxe, ça relaxe</title> </head> <body> <p>Vous allez styliser ce paragraphe vous-même !</p> </body> </html>