Font size
WorksheetsUnit 7: Common HTML/CSS Size Units Reference
Total questions: 25
Worksheet time: 25mins
Which unit is an absolute unit that does NOT change based on parent size?
em
rem
px
%
What does 1em depend on?
Viewport width
Parent element’s font size
Root font size
Browser zoom level
Which unit is usually more predictable and recommended for responsive text?
px
em
rem
vh
What unit represents 1% of the browser’s width?
1em
1vh
1vw
1rem
What is the default value of 1rem based on?
Parent element
tag
Root font size
Screen resolution
Which unit adjusts based on the size of the parent container and is often used for layout widths?
rem
%
px
vmin
Which unit equals 1% of the browser’s height?
1vw
1vh
1rem
1px
Which unit scales based on whichever is smaller: viewport width or viewport height?
vmax
rem
vmin
em
Which unit is best for print and is rarely used in modern responsive web design?
pt
px
%
em
If an element uses 2em and the parent is 16px, how large is the text?
8px
16px
32px
64px
Explain the difference between em and rem.
Why might a designer choose px instead of a relative unit like em or rem?
When is it useful to use vw or vh units?
What does the % unit measure in CSS, and why is it useful?
Why is pt not commonly used for web design?
The unit px is considered an (a) unit.
The unit em depends on the (a) element’s font size.
The unit rem is based on the font size of the (a) element.
The % unit measures size relative to the (a) element.
The unit vw represents 1% of the browser’s (a) .
The unit vh represents 1% of the browser’s (a) .
The unit vmin uses whichever viewport dimension is (a) .
The unit vmax uses whichever viewport dimension is (a) .
The browser default font size (for rem) is usually (a) pixels.
The unit used mostly for printing and not common in responsive web design is (a) .
