Exercice 2/25
- Dans le fichier
stylesheet.css(ligne 6), attribuez la propriétédisplayet sa valeurblockpour tous les élémentsdiv; - Cliquez sur soumettre ma réponse pour vérifier vos résultats;
Leçon 2/25
Il est possible de changer le comportement par défaut de l'affichage d'un élément html au moyen de la propriété **display**. Cette propriété peut prendre plusieurs valeurs :
- block : les éléments "block" (
div p h1-h5 table) prennent toute la largeur disponible par défaut et se positionnent donc sous l'élément précédent. Vous pouvez leur appliquer des dimensions (width, height) et des marges (margin, padding); - inline-block :les éléments "inline-block" ont les mêmes caractéristiques que les "block" mais peuvent être disposés sur une même ligne et pas les uns en dessous des autres;
- inline :les éléments "inline" (
a span strong em) prennent les dimensions du texte qu'il contiennent. Il n'est pas possible de leur donner des dimensions propres (width, height) ni de leur appliquer des marges externes hautes et basses (margin-top, margin-bottom). Mais ils peuvent avoir des marges internes (padding); none :les éléments "none" et leur contenu disparaissent complètement de la page;Il est possible de changer le comportement par défaut de l'affichage d'un élément html au moyen de la propriété
**display**. Cette propriété peut prendre plusieurs valeurs :Block : les éléments "block" (
div p h1-h5 table) prennent toute la largeur disponible par défaut et se positionnent donc sous l'élément précédent. Vous pouvez leur appliquer des dimensions (width, height) et des marges (margin, padding);- Inline-block : les éléments "inline-block" ont les mêmes caractéristiques que les "block" mais peuvent être disposés sur une même ligne et pas les uns en dessous des autres;
- Inline : les éléments "inline" (
a span strong em) prennent les dimensions du texte qu'il contiennent. Il n'est pas possible de leur donner des dimensions propres (width, height) ni de leur appliquer des marges externes hautes et basses (margin-top, margin-bottom). Mais ils peuvent avoir des marges internes (padding); - None : les éléments "none" et leur contenu disparaissent complètement de la page;
26 Commentaires
-
gmshery379
Bonjour, juste poursignaler que dans la partie leçon, le texte est doublé.le 16/03/2023 à 19h27
-
segolene.boulanger-52
Bonjour, le texte du cours est écrit en double, il répète les propriété deux foisle 04/10/2021 à 13h59
-
meriam Admin
Bonjour, merci pour votre remarque.
le 04/10/2021 à 14h40
-
segolene.boulanger-52
Bonjour,le 04/10/2021 à 13h57
-
meriam Admin
N'hésitez pas à poser des questions si vous trouvez des problèmes dans les exercices qui suivent. Bon travail.
le 04/10/2021 à 14h40
-
gautier.fournet-97
bonjour je ne vois vraiment pas l'erreur dans le script..le 26/08/2021 à 17h04
-
meriam Admin
Bonjour, votre dernier code est correct.
le 30/08/2021 à 03h01
-
meriam Admin
Bonjour, votre dernier code est correct.
le 30/08/2021 à 03h01
-
benon.thierry-92
Bonjour, désolé, mais je ne comprend pas Les "div" sont de type "bloc" donc préciser à nouveau "display : block" n'a aucun intérêt si ?le 15/08/2018 à 10h39
-
mram Admin
Bonjour, les balises HTML ont toutes une valeur par défaut pour la propriété "display".
Pour les "div" cette valeur est "block", donc le préciser à nouveau dans votre code CSS ne changera rien, car c'est leur comportement par défaut.
le 28/08/2018 à 17h56
-
melanie.dsneto-58
Bonjour, je ne vois pas où se trouve l'erreur..le 19/02/2018 à 22h02
-
mram Admin
Bonjour, la couleur de fond pour le div avec l'id "un" : il faut mettre les lettres soit en minuscule soit en majuscule, mais pas un mix des deux. En principe ça fonctionne, mais la syntaxe n'est pas propre.
le 24/02/2018 à 22h20
-
steve.besson
la cela ne change rien a l'affichage .....?le 12/11/2017 à 14h11
-
mram Admin
Bonjour, les élément "div" sont de type "bloc" par défaut. Donc préciser à nouveau "display : block" ne change rien à l'affichage.
le 16/11/2017 à 14h48
-
mram Admin
Les "div" sont de type "bloc" par défaut. Donc préciser à nouveau "display : block" ne change rien à l'affichage.
le 12/06/2017 à 10h40
-
waspy00
Ah non, pardon, je n'avais pas vu : il y avait "inline-block" dans l'exercice précedent...le 06/06/2017 à 10h48
-
waspy00
Je ne comprends pas : à l'exercice des cercles "ami, famille, travail", les div étaient inscrits exactement pareils et apparaissaient les uns à côté des autres... Ici, (avant même d'ajouter le CSS "display:block"), les div sont affichés les uns sur les autres. Comment cela se fait-il ?le 06/06/2017 à 10h41
-
mram Admin
C'est normal, et la réponse est donnée dans les exercices qui suivent normalement.
le 21/05/2017 à 18h44
-
Biche Tordue
j'ai répondu et ça me dit que la réponse est correcte mais je ne vois aucune différence entre avant et après avoir intégrer le codele 18/05/2017 à 10h49
-
mram Admin
Il faut juste un espace avant "block" je pense...
le 16/09/2016 à 10h54
-
atif.souidi
je ne comprend pas mon erreurle 15/09/2016 à 13h23
Commentaires les mieux notés