Quizz complet après le tutoriel sur la fusion des marges.

Choisir une réponse (*cliquer sur le texte) 325

Quelle sera la valeur totale de l'espace entre le contenu du paragraphe et le bord supérieur de la fenêtre ?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; } div { background-color: #f3e472; margin: 2em 0; } </style> </head> <body> <div> <p>Un paragraphe en enfant</p> </div> </body> </html>

Tester ce code

1em de margin-top du paragraphe fusionné avec 2em de margin-top du div soit 2em

1em de margin-top du paragraphe plus 2em de margin-top du div soit 3em

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (*cliquer sur le texte) 326

Quelle sera la valeur totale de l'espace entre le contenu du paragraphe et le bord supérieur de la fenêtre ?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; } div { background-color: #f3e472; margin: 2em 0; border: 1px solid black; } </style> </head> <body> <div> <p>Un paragraphe en enfant</p> </div> </body> </html>

Tester ce code

1em de margin-top du paragraphe fusionné avec 2em de margin-top du div soit 2em

1em de margin-top du paragraphe plus 1px du border du div plus 2em de margin-top du div soit 3em plus 1px

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (*cliquer sur le texte) 327

Quelle sera la valeur totale de l'espace entre le contenu du paragraphe et le bord supérieur de la fenêtre ?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; } div { background-color: #f3e472; margin: 2em 0; padding: 1em; } </style> </head> <body> <div> <p>Un paragraphe en enfant</p> </div> </body> </html>

Tester ce code

1em de margin-top du paragraphe fusionné avec 1em de padding-top du div plus 2em de margin-top du div soit 3em

1em de margin-top du paragraphe plus 1em de padding-top du div plus 2em de margin-top du div soit 4em

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Choisir une réponse (*cliquer sur le texte) 328

Quelle sera la valeur totale de l'espace entre le contenu du paragraphe et le bord supérieur de la fenêtre ?

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { margin: 0; } div { background-color: #f3e472; margin: 2em 0; overflow: hidden; } p { border: 1px solid black; } </style> </head> <body> <div> <p>Un paragraphe en enfant</p> </div> </body> </html>

Tester ce code

1em de margin-top du paragraphe fusionné avec 2em de margin-top du div soit 2em

1em de margin-top du paragraphe plus 2em de margin-top du div soit 3em

Vous devez choisir une réponse

Ceci est une présentation du quiz. Pour faire ce quiz avec toutes les fonctionnalités et mémoriser vos résultats cliquez sur Aller au Quiz

Bilan de compétences sous forme de Quiz

Liste des compétences et des tests

Fusion de marges entre éléments frères

Fusion de marges entre parent et enfant