Exercice 3/9
- Dans le fichier
stylesheet.css, ajoutez le sélecteurbodyainsi que sa propriétémargin: 0; - Ajoutez également la propriété
box-sizing: border-boxaux balise : header, nav, footer, section, article et aside (Attention le sélecteur existe déjà); - Cliquez sur soumettre ma réponse pour passer à la suite;
Leçon 3/9
Maintenant que vous distinguez plus clairement la structure HTML du layout, il faut prendre quelques précautions afin de travailler sur une base propre.
Par défaut, la balise body possède des marges margin de 8px. Quand vous travaillez sur une mise en page web, il est préférable d'annuler ces marges afin de pouvoir travailler sur l'ensemble de l'espace disponible. Il serait dommage de se limiter dès le début dans la création du layout à cause de comportements par défaut non souhaités.
C'est aussi le moment de faire en sorte que tous vos blocs soient dimensionnés tel que vous l'indiquez avec width et ce quelque soit la valeur de leur border et padding qui peuvent changer pendant la création du layout. Ainsi, quand vous dites à un bloc de faire par exemple 100px de large, vous êtes sûr que sa largeur totale sera bien de 100px et pas plus.
48 Commentaires
-
judithblot-93
Bonsoir, j'ai le message incomplet "Vous ne devez modifier que 1 propriété css de les balises span dans la section" help pleasele 28/09/2022 à 18h56
-
Patricio M Admin
Modifie UNE SEULE proprieté, tu as DEUX
le 29/09/2022 à 08h13
-
lucas.boyer-49
je ne trouve pas ou est mon erreurle 05/07/2022 à 11h57
-
meriam Admin
Vous avez ajouter la propriété box-sizing et la valeur border-box dans plusieurs sélecteurs, alors qu'il faut utiliser le sélecteur multiple (header,nav,section,article,aside)
le 05/07/2022 à 21h23
-
meriam Admin
Le sélecteur multiple, désigné par la virgule ,permet de regrouper plusieurs sélecteurs si on veut appliquer un style commun pour plusieurs éléments.
le 05/07/2022 à 21h33
-
paullapaiche-75
Ligne 11 de Leçon : une faute de français, non pas "quelque soit", mais "quelle que soit la valeur"... CDTle 25/05/2022 à 13h35
-
sarah.lakrouf-66
Bonjour, je ne comprends pas où est mon erreur. Pouvez-vous m'aiderle 29/06/2021 à 08h55
-
meriam Admin
Bonjour, votre code est correct.
le 30/06/2021 à 11h05
-
meriam Admin
Vous devez ajouter la propriété margin et la valeur 0 pour body.
le 30/06/2021 à 11h06
-
sarah.lakrouf-66
Bonjour,le 29/06/2021 à 08h53
-
sarah.lakrouf-66
Bonjour,le 29/06/2021 à 08h53
-
bilismira-75
Je ne comprend pas mon erreur ici , on dit qu'il me manque les regles css dans la balise span dans le headerle 22/06/2021 à 14h33
-
meriam Admin
Bonjour, votre dernier code est correct.
le 23/06/2021 à 00h11
-
deboval.laurine-89
Bonjour, lorsque je clique sur le bouton, cela m'indique que le script a mis trop longtemps à s'éxécuter [...]le 17/03/2021 à 13h26
-
meriam Admin
Bonjour, est ce que l'exercice est validé?
le 17/03/2021 à 13h50
-
tbailly-86
bjr le bot n'affiche plus les reponses! !le 10/03/2021 à 09h01
-
meriam Admin
Bonjour, le problème est réglé.
le 10/03/2021 à 14h14
-
diana.assal-52
Résolu ! avec de lapersévérance dans la recherche de mes erreurs !le 06/03/2021 à 19h33
-
diana.assal-52
Bonjour, j'ai suivi les instructions ; cependant, ce message apparaît alors que je ne suis pas intervenue la section span du header! "Vous ne devez modifier que 1 propriété css de les balises span dans le header. "Vous ne devez modifier que 1 propriété css de les balises span dans le header, puisque ce n'est pas demandé dans les instructions "Vous devez modifiez que 1 propriété de les balises span dans le header". Merci de m'apporter votre aide.le 06/03/2021 à 19h08
-
meriam Admin
Votre code est correct.
le 09/03/2021 à 10h22
-
florian.jacob
Vérifiez les blocs de déclarations délimités par les { et }. Vous devriez en avoir 17.le 11/06/2018 à 12h41
-
mram Admin
Bonjour, il faut que "body" soit un sélecteur CSS à part entière, et non pas le rajouter avec les autres à la ligne 1.
le 19/06/2018 à 00h16
-
raphael.choisi
Merci Mramle 15/12/2016 à 14h28
-
mram Admin
Oui mais la syntaxe n'est pas très propre. Il faut mettre "margin: 0" à la ligne (voir le reste du code déjà écrit pour prendre exemple). Et il faut un espace avant "border-box", c'est le cas du reste des propriétés CSS. Le code est correct, c'est juste la syntaxe qui n'est pas optimale.
le 13/12/2016 à 08h58
-
raphael.choisi
Bonjour, lemessage d'erreur persiste: "vérifiez que vous aveZ bien le sélecteur "body" et que les sélecteurs CSS de base n'ont pas été modifiés." ; alors que les ajouts concernant le body ont été mis (margin: 0 et border-sizing: border box) à l'endroit indiqué. Je passe à la suite!le 10/12/2016 à 17h05
Commentaires les mieux notés