Exercice 7/26
- Dans le fichier
stylesheet.css, créez une règle CSS pour mettre le texte du sélecteurpen 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;
}
62 Commentaires
-
Rubis.daisuki-69
hola, p{color:green;} ça ne met rien en vert, je ne comprends pas.... mais ça dit que j'ai réussi l'exercicele 08/03/2022 à 21h10
-
meriam Admin
Bonjour, essayez de changer le navigateur.
le 10/03/2022 à 15h22
-
frederique12simon-6
bjr je n arrive pas faite les accolades correctes et je suis un peu perdue il dis disent une seule règle CSSle 06/12/2021 à 15h06
-
meriam Admin
Bonjour, il faut indiquer le bon sélecteur =>p{color:green;}
le 06/12/2021 à 15h08
-
gauchap-73
Bonjour, apparemment ma balise doctype est incorrectele 26/11/2021 à 18h40
-
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
c bon trouvé c'est { alt + (le 24/11/2021 à 14h23
-
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
l'accolade plutotle 24/11/2021 à 14h18
-
meriam Admin
Bonjour, pour une accolade ouvrante ==>alt + ( pour l'accolade fermante =>alt + )
le 24/11/2021 à 14h30
-
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 Admin
Bonjour, au niveau du css on parle d'un sélecteur.
le 24/11/2021 à 14h31
-
rosa.scimeca-65
Bonjour, P { color: green; } je ne sais pas où il est l'erreur...le 23/11/2021 à 09h32
-
meriam Admin
Bonjour, remplacez la balise P par p (minicule)
le 23/11/2021 à 10h46
-
rosa.scimeca-65
Bonjour,le 23/11/2021 à 09h31
-
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
salutle 16/09/2021 à 14h35
-
derjacko
2eme fois ou j'oublie d'etre connecté et bim 15exo fait dans le ventle 01/05/2021 à 08h41
-
v.boidron-67
à quoi correspond le sélecteur <i> ?le 26/04/2021 à 14h07
-
meriam Admin
Bonjour, pour dire ialique
le 28/04/2021 à 11h20
-
pdevalance-6
je n'arrive pas à soumettrele 17/03/2021 à 12h16
-
meriam Admin
Bonjour, votre dernier code est correct.
le 17/03/2021 à 13h28
-
deva_acarbas-47
Bonjour , ma réponse , ne se soumet pas cela fait 20 min que j'y suisle 16/03/2021 à 14h59
-
meriam Admin
Bonjour, votre dernier code est correct.
le 17/03/2021 à 11h36
-
chardrele_ndoulou-55
merci j'ai reussile 02/11/2018 à 09h42
-
nkeshimanabrice-37
MERCIle 23/10/2018 à 06h17
Commentaires les mieux notés