Semantic CSS MCQ
15 Questions
Time: ~25 mins
Intermediate
Semantic CSS — MCQ Test
Practice styling header, nav, main, article, and purpose-driven class names.
Easy: 5 Q
Medium: 6 Q
Hard: 4 Q
Semantics + Styles
Match meaningful HTML structure with CSS that reinforces hierarchy—avoid presentation-only class names when purpose-based names help.
Landmarks
header, nav, main, footer help users and AT; CSS should not fight the document outline.
BEM-style example
.card__title--featured — block, element, modifier.