CSS Units and Values Quiz
Want to learn more than this quiz offers you? Have a look at my Frontend web
development courses.
Create an account and save your quiz results
Login and save your results
OR
Question 1/15
What does the % unit in CSS represent?
Select your answer
Question 2/15
How is a value of 50% interpreted in terms of length in CSS?
Select your answer
Question 3/15
What is the difference between 'em' and 'rem' units in CSS?
Select your answer
Question 4/15
Which unit is known as the root em unit?
Select your answer
Question 5/15
What unit would you generally not use for a flexible design across devices?
Select your answer
Question 6/15
In CSS, what unit would you use if you want a value to be proportional to the height of the viewport?
Select your answer
Question 7/15
If the root font size is 10px, what is 2rem?
Select your answer
Question 8/15
What does the unit 'px' stand for in CSS?
Select your answer
Question 9/15
What happens to a CSS 'rem' unit if the root font size is changed in a media query?
Select your answer
Question 10/15
Which unit in CSS is used to define the size relative to the viewport's width?
Select your answer
Question 11/15
If you set an element's font-size to 50%, what are you setting it relative to?
Select your answer
Question 12/15
What is the primary difference between 'cm' and 'px' in CSS?
Select your answer
Question 13/15
Which CSS unit represents font size relative to the parent element's font size?
Select your answer
Question 14/15
What measurement is used to define distances regardless of screen resolution?
Select your answer
Question 15/15
Which is a relative length unit based on the font size of the root element?
Select your answer
Your Results
You did not answer any questions correctly.
Your Answers
Question 1/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What does the % unit in CSS represent?
Available answers
The % unit represents a percentage of the container's width or height, depending on the context.
Question 2/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
How is a value of 50% interpreted in terms of length in CSS?
Available answers
50% is interpreted as half of the element's containing block measurement.
Question 3/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What is the difference between 'em' and 'rem' units in CSS?
Available answers
'em' is relative to the font size of its parent, whereas 'rem' is relative to the font size of the root element.
Question 4/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which unit is known as the root em unit?
Available answers
'rem' in CSS stands for root em, which is relative to the root element's font size.
Question 5/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What unit would you generally not use for a flexible design across devices?
Available answers
Using 'in' (inches) is not suitable for flexible design as it is a static, physical measurement that doesn't adapt to different screen sizes.
Question 6/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
In CSS, what unit would you use if you want a value to be proportional to the height of the viewport?
Available answers
'vh' is the unit used to define sizes relative to the viewport height.
Question 7/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
If the root font size is 10px, what is 2rem?
Available answers
2rem is double the root font size, resulting in 20px.
Question 8/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What does the unit 'px' stand for in CSS?
Available answers
In CSS, 'px' stands for pixels, which is a unit for measuring sizes.
Question 9/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What happens to a CSS 'rem' unit if the root font size is changed in a media query?
Available answers
'rem' units base their size on the root element's font size, so any changes to that in a media query will affect all 'rem' values globally.
Question 10/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which unit in CSS is used to define the size relative to the viewport's width?
Available answers
The 'vw' unit in CSS is relative to 1% of the viewport's width.
Question 11/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
If you set an element's font-size to 50%, what are you setting it relative to?
Available answers
50% font size means the text is half the size of the parent element's font size.
Question 12/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What is the primary difference between 'cm' and 'px' in CSS?
Available answers
'cm' is a physical unit based on a metric measure, while 'px' is a digital measurement used on screens.
Question 13/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which CSS unit represents font size relative to the parent element's font size?
Available answers
The 'em' unit is relative to the font size of the parent element.
Question 14/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
What measurement is used to define distances regardless of screen resolution?
Available answers
'cm' is a real-world measurement and remains the same regardless of screen resolution, unlike 'px' which can vary.
Question 15/15
😊 Your
answer was correct
🙁 Your
answer was incorrect
Which is a relative length unit based on the font size of the root element?
Available answers
The 'rem' unit is relative to the font size of the root element, enabling consistent sizing.