CSS Parent Selector Quiz: Selecting a Parent li from an Active Link
Test your understanding of CSS parent selection, :has(), direct-child matching, fallbacks, and common mistakes in menus and CMS markup.
Quizzes
CSS quizzes
Choose a quiz and test your understanding of a focused concept.
CSS Transparent Background Without Fading Text Quiz
Test how to make only a CSS background transparent while keeping text and child elements fully opaque using rgba, hsla, and hex alpha.
Can You Style Half of a Character in CSS? Quiz on Split Text Effects
Test your understanding of CSS split text effects, layered glyph styling, gradients, clipping, and dynamic text techniques.
How to Animate CSS Height from 0 to Auto with max-height
Learn why CSS can't transition height:auto and how to build smooth expand/collapse effects using max-height or transform.
How to Disable Text Selection Highlighting in CSS Quiz
Test your knowledge of CSS `user-select` for disabling text highlighting on controls, tabs, links, and button-like UI elements.
How to Horizontally Center a Div in CSS Quiz
Test your knowledge of horizontal centering in CSS using margin auto, Flexbox, Grid, and common centering mistakes.
How to Make a Div Fill Remaining Screen Height in CSS Quiz
Test your knowledge of using Flexbox and CSS height rules to make a div fill remaining viewport height with percentage-sized children.
How to Make a div Fit Its Contents in CSS Quiz
Test your understanding of making a div fit its contents in CSS using inline-block, fit-content, and related layout rules.
How to Set Table Cell Padding and Spacing in CSS Quiz
Test your understanding of replacing HTML cellpadding and cellspacing with CSS padding and border-spacing in modern tables.
Margin vs Padding in CSS Quiz: Differences, Box Model, and Best Uses
Test your understanding of CSS margin vs padding, the box model, spacing behavior, common mistakes, and practical layout use cases.