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

61 Commentaires

  • Rubis.daisuki-69

    Rubis.daisuki-69

    hola, p&#123;color:green;} ça ne met rien en vert, je ne comprends pas.... mais ça dit que j'ai réussi l'exercice

    le 08/03/2022 à 21h10

  • meriam

    meriam Admin

    Bonjour, essayez de changer le navigateur.

    le 10/03/2022 à 15h22

  • frederique12simon-6

    frederique12simon-6

    bjr je n arrive pas faite les accolades correctes et je suis un peu perdue il dis disent une seule règle CSS

    le 06/12/2021 à 15h06

  • meriam

    meriam Admin

    Bonjour, il faut indiquer le bon sélecteur =>p{color:green;}

    le 06/12/2021 à 15h08

  • gauchap-73

    gauchap-73

    Bonjour, apparemment ma balise doctype est incorrecte

    le 26/11/2021 à 18h40

  • meriam

    meriam Admin

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

    le 28/11/2021 à 22h54

  • t.leture-78

    t.leture-78

    c bon trouvé c'est &#123; alt + (

    le 24/11/2021 à 14h23

  • meriam

    meriam Admin

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

    le 24/11/2021 à 14h31

  • t.leture-78

    t.leture-78

    l'accolade plutot

    le 24/11/2021 à 14h18

  • meriam

    meriam Admin

    Bonjour, pour une accolade ouvrante ==>alt + ( pour l'accolade fermante =>alt + )

    le 24/11/2021 à 14h30

  • t.leture-78

    t.leture-78

    mais comment on l'a fait la balise css je l'ai pas sur le clavier?

    le 24/11/2021 à 14h11

  • meriam

    meriam Admin

    Bonjour, au niveau du css on parle d'un sélecteur.

    le 24/11/2021 à 14h31

  • rosa.scimeca-65

    rosa.scimeca-65

    Bonjour, P &#123; color: green; } je ne sais pas où il est l'erreur...

    le 23/11/2021 à 09h32

  • meriam

    meriam Admin

    Bonjour, remplacez la balise P par p (minicule)

    le 23/11/2021 à 10h46

  • rosa.scimeca-65

    rosa.scimeca-65

    Bonjour,

    le 23/11/2021 à 09h31

  • meriam

    meriam Admin

    Bonjour, n'hésitez pas à demander de l'aide si vous trouvez des problèmes .Bon travail.

    le 23/11/2021 à 10h45

  • rnougha-37

    rnougha-37

    salut

    le 16/09/2021 à 14h35

  • derjacko

    derjacko

    2eme fois ou j'oublie d'etre connecté et bim 15exo fait dans le vent

    le 01/05/2021 à 08h41

  • v.boidron-67

    v.boidron-67

    à quoi correspond le sélecteur <i> ?

    le 26/04/2021 à 14h07

  • meriam

    meriam Admin

    Bonjour, pour dire ialique

    le 28/04/2021 à 11h20

  • pdevalance-6

    pdevalance-6

    je n'arrive pas à soumettre

    le 17/03/2021 à 12h16

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 17/03/2021 à 13h28

  • deva_acarbas-47

    deva_acarbas-47

    Bonjour , ma réponse , ne se soumet pas cela fait 20 min que j'y suis

    le 16/03/2021 à 14h59

  • meriam

    meriam Admin

    Bonjour, votre dernier code est correct.

    le 17/03/2021 à 11h36

  • chardrele_ndoulou-55

    chardrele_ndoulou-55

    merci j'ai reussi

    le 02/11/2018 à 09h42

  • nkeshimanabrice-37

    nkeshimanabrice-37

    MERCI

    le 23/10/2018 à 06h17

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>