Recall & Review
beginner
What CSS property controls the size of text on a webpage?
The
font-size property controls how big or small the text appears.Click to reveal answer
beginner
What unit is recommended for font sizes to support responsive design?
Using relative units like
rem or em is recommended because they scale better on different screen sizes.Click to reveal answer
intermediate
How does
1rem relate to font size?1rem equals the font size of the root element (<html>). If the root font size is 16px, then 1rem is 16px.Click to reveal answer
intermediate
What happens if you set font size using pixels (
px)?Pixels set a fixed size that does not scale with user settings or screen size, which can hurt accessibility and responsiveness.
Click to reveal answer
advanced
Why is it important to use semantic HTML with font size styling?
Semantic HTML helps screen readers and browsers understand content structure, so font size changes enhance readability without breaking meaning.
Click to reveal answer
Which CSS unit is best for scalable font sizes?
✗ Incorrect
rem is relative to the root font size and scales well for responsive design.
What does
font-size: 2em; mean?✗ Incorrect
em units are relative to the font size of the parent element.
Which property would you use to increase text size in CSS?
✗ Incorrect
font-size changes the size of the text.
Why avoid using only
px for font sizes?✗ Incorrect
px sets a fixed size that ignores user preferences and screen size changes.
What is the default font size in most browsers if not changed?
✗ Incorrect
Most browsers use 16px as the default font size for the root element.
Explain how to set font size in CSS for a paragraph that scales well on different devices.
Think about relative units and why they help with different screen sizes.
You got /4 concepts.
Describe why accessibility matters when choosing font sizes in web design.
Consider how different users might need different text sizes.
You got /5 concepts.