Skip to content

Appearance

Theme

Foxipa Forest

Mode

Light Dark System

Language selection

English Français العربية

Quiz

Back to lesson

Test your knowledge: CSS Display and Box Generation

Assess outer and inner display roles and box generation.

6 questions ~4 min Beginner

Knowledge check

Test your knowledge: CSS Display and Box Generation

Assess outer and inner display roles and box generation.

Stuck? Each question has an optional hint.
Skip a hard question and review it before your results.
Questions and answer options can shuffle between attempts.

You can retake this quiz whenever you like.

0:00

0/0

Review

What does the display property primarily describe?

Display determines how an element generates boxes and participates in a formatting context.
What does display: none do?

display: none removes box generation for the element and its descendants.
What is an inner display role concerned with?

The inner display type determines the formatting context used for the box contents.
Which lesson owns the detailed flex item algorithm?

Display establishes the formatting role; Flexbox owns the flex layout algorithm.
What does `reading-flow` change?

`reading-flow` defines a reading flow for block, flex, and grid containers without changing their layout or painting order.
Which statement best describes `visibility: force-hidden`?

`force-hidden` is a visibility value: the boxes remain in layout, but the element and descendants are invisible.

Back to lesson Next: CSS Flow Layout: Block, Inline, and Normal Flow