Question 1 of 6
Which properties express preferred physical dimensions?
Focus on the sizing concept named in the question.
CSS Sizing defines width and height as preferred size properties; logical counterparts are inline-size and block-size.
Quiz
Test your knowledge: CSS Sizing
A short assessment covering preferred sizes, constraints, intrinsic sizing, box-sizing, percentages, and definite versus indefinite sizes.
6 questions
~4 min
Intermediate
Knowledge check
Test your knowledge: CSS Sizing
A short assessment covering preferred sizes, constraints, intrinsic sizing, box-sizing, percentages, and definite versus indefinite sizes.
- 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
Question 2 of 6
What can prevent a preferred width from becoming the final size?
Focus on the sizing concept named in the question.
Minimum and maximum sizing properties constrain the result of preferred or automatic sizing.
Question 3 of 6
Which keyword requests the max-content size?
Focus on the sizing concept named in the question.
max-content uses the box's max-content size, an intrinsic size derived primarily from its content.
Question 4 of 6
With box-sizing: border-box, a specified width measures which box?
Focus on the sizing concept named in the question.
border-box applies the specified sizing length or percentage to the border box; padding and border fit inside it.
Question 5 of 6
For a normal width percentage, what is the relevant reference dimension?
Focus on the sizing concept named in the question.
For width, CSS Sizing resolves percentages against the width of the containing block, subject to layout-specific rules.
Question 6 of 6
Why does a definite size matter when resolving percentages?
Focus on the sizing concept named in the question.
A definite size can be determined without performing layout, making it usable as a reference in sizing calculations.
Quiz results
0/0
Review
-
Which properties express preferred physical dimensions?Hint used
-
What can prevent a preferred width from becoming the final size?Hint used
-
Which keyword requests the max-content size?Hint used
-
With box-sizing: border-box, a specified width measures which box?Hint used
-
For a normal width percentage, what is the relevant reference dimension?Hint used
-
Why does a definite size matter when resolving percentages?Hint used