CSS
CSS Quiz Exercises
Test your CSS knowledge with focused quiz exercises.
Interactive exercises that help you practice, check your understanding, and find what to revisit.
Start here
Test your knowledge: CSS Declarations
A short assessment covering declaration anatomy, semicolons, and what property values will accept.
Explore the collection
Exercises
Browse the complete collection and choose the resource that matches what you want to practice or understand.
-
ExercisesBeginner
Test your knowledge: CSS Declarations
A short assessment covering declaration anatomy, semicolons, and what property values will accept.
~3 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Selectors
Assess core CSS selector matching, namespace selection, logical pseudo-classes, relational matching, sibling filtering, and specificity-aware selector reasoning.
~5 min read Start exercise -
ExercisesBeginner
Test your knowledge: The Cascade, Specificity, and Inheritance
A short assessment covering specificity arithmetic, source order, inheritance, and where inline styles rank.
~3 min read Start exercise -
ExercisesBeginner
Test your knowledge: The CSS Box Model
A short assessment covering the box edges, padding, margin, margin collapsing, and the boundary between Box Model and other CSS layout modules.
~3 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Sizing
A short assessment covering preferred sizes, constraints, intrinsic sizing, box-sizing, percentages, and definite versus indefinite sizes.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Overflow, Scrolling, and Clipping
A short assessment covering clipping, scrollable overflow, overflow axes, ownership boundaries, and practical debugging.
~4 min read Start exercise -
ExercisesBeginner
Test your knowledge: Color and Color Spaces in CSS
Assess color values, color spaces, alpha, currentColor, interpolation, gamut mapping, and specification boundaries.
~5 min read Start exercise -
ExercisesBeginner
Test your knowledge: Fonts and Font Selection in CSS
An assessment covering font families, matching, web fonts, descriptors, features, variations, synthesis, and ownership boundaries.
~3 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Text Layout and Formatting
Assess CSS Text processing, white-space, wrapping, line breaking, alignment, spacing, transformation, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Writing Modes and Logical Properties
Assess writing modes, axes, directionality, vertical writing, logical properties, bidi boundaries, and ownership relationships.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Lists, Counters, and Generated Content
Assess list-marker styling, counters, generated content, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Basic User Interface
Assess CSS UI affordances, state styling, and the boundary between presentation, behavior, and semantics.
~5 min read Start exercise -
ExercisesBeginner
Test your knowledge: Backgrounds, Borders, and Box Decorations
Assess background layer order, fitting and clipping, borders, rounded corners, border images, shadows, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: Images, Gradients, and Replaced-Content Sizing
Assess CSS image values, intrinsic dimensions, replaced-content sizing, object fitting, object positioning, image-set(), and curriculum ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: Flexbox
Check your understanding of flex axes, flex sizing, free-space distribution, wrapping, constraints, ordering, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Grid Layout
Assess tracks, placement, automatic layout, responsive repetition, subgrid, alignment boundaries, and the Grid specification landscape.
~6 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Tables and Table Layout
Assess table formatting roles, grid structure, sizing modes, border models, captions, alignment boundaries, semantics, and specification status.
~6 min read Start exercise -
ExercisesIntermediate
Test your knowledge: Positioned Layout and Stacking
Check your understanding of positioning schemes, containing blocks, insets, sticky behavior, and stacking contexts.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Multi-column Layout
Assess the multi-column formatting model, column sizing, fragmentation controls, Grid boundary, responsive use, and current specification status.
~6 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Fragmentation and Paged Print
Assess the shared fragmentation model, break controls, box splitting, paged-media boundaries, and neighboring CSS ownership.
~7 min read Start exercise -
ExercisesIntermediate
Media Queries and Conditional Rules Quiz
Test conditional CSS evaluation, media-query logic, @supports, range syntax, and curriculum ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Container Queries and Container Units Quiz
Test query-container selection, container conditions, container-relative units, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Media Features and User Preferences Quiz
Test media-feature meanings, user-preference queries, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Color Adjustment
Assess color-scheme negotiation, forced-color adjustment, print-color adjustment, and specification ownership.
~5 min read Start exercise -
ExercisesIntermediate
Test your knowledge: Transforms and Coordinate Systems
Check your understanding of CSS transform geometry, composition, origins, reference boxes, 3D projection, and ownership boundaries.
~6 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Transitions
Check your understanding of transition selection, timing, startup, interruption, discrete behavior, lifecycle, and ownership boundaries.
~6 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Animations and Keyframes
Check your understanding of keyframes, timing, repetition, direction, fill, playback, lifecycle, composition, and ownership boundaries.
~7 min read Start exercise -
ExercisesIntermediate
Scroll-driven Animations Quiz
Check understanding of scroll and view timelines, animation ranges, ownership boundaries, and scroll-driven CSS animation behavior.
~5 min read Start exercise -
ExercisesIntermediate
CSS Scroll Snap and Scroll Behavior Quiz
Check understanding of snap positions, snap areas, scroll padding and margins, snap strictness, smooth scrolling, ownership boundaries, and developing Scroll Snap Level 2 features.
~5 min read Start exercise -
ExercisesIntermediate
CSS Shapes and Exclusions Quiz
Check understanding of wrapping shapes, shape-outside, shape-margin, image-derived shapes, and ownership boundaries.
~5 min read Start exercise -
ExercisesIntermediate
CSS Masking, Clipping, Compositing, and Blending Quiz
Check understanding of clipping, masking, compositing, blending, and curriculum ownership boundaries.
~5 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Easing Functions
Assess the CSS easing model, cubic Bézier and step functions, and the developing linear() function.
~4 min read Start exercise -
ExercisesAdvanced
CSS Anchor Positioning Quiz
Test anchor naming, lookup, anchored placement and sizing, fallback positioning, accessibility, and curriculum ownership boundaries.
~7 min read Start exercise -
ExercisesBeginner
Test your knowledge: Cascade Layers, Nesting, and Scoping
Assess the distinct roles of cascade layers, nesting, and scoped styles.
~4 min read Start exercise -
ExercisesAdvanced
CSS Containment and Containerization Quiz
Test containment types, content-visibility, standards maturity, and curriculum ownership boundaries.
~6 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Foundations
Assess the core stylesheet vocabulary used by the CSS curriculum.
~4 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Syntax, Parsing, and Error Recovery
Assess tokenization, parsing, and CSS error recovery.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Custom Properties and var()
Assess custom-property definitions, inheritance, cascade participation, var() substitution, fallbacks, cycles, and registration boundaries.
~5 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Display and Box Generation
Assess outer and inner display roles and box generation.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Filter Effects
Assess your understanding of the filter property, filter functions, ordered composition, drop shadows, and specification status.
~4 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Flow Layout
Assess block/inline participation and normal flow.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Motion Path
Assess your understanding of offset paths, path distance, anchors, rotation, shorthand, and specification status.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Overscroll Behavior
Assess your understanding of scroll boundaries, chaining, overscroll-behavior values, and axis-specific properties.
~4 min read Start exercise -
ExercisesAdvanced
Test your knowledge: CSS Scroll Anchoring
Assess your understanding of anchor-node selection, scroll adjustment, overflow-anchor, and the boundary with scroll snapping.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Scrollbar Styling
Assess your understanding of scrollbar-color, scrollbar-width, scrollability boundaries, non-standard scrollbar styling, and accessibility.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: CSS Text Decoration
Assess text decoration, underline positioning, emphasis marks, text shadows, current draft controls, and module boundaries.
~6 min read Start exercise -
ExercisesBeginner
Test your knowledge: CSS Values and Units
Assess common value types, units, functions, and value resolution.
~4 min read Start exercise -
Exercises
CSS View Transitions Quiz
Assess understanding of the CSS View Transitions model, named captures, pseudo-elements, cross-document CSS, transition types, classes, automatic names, scoped discovery, and nested groups.
~10 min read Start exercise -
ExercisesAdvanced
Test your knowledge: CSS Will Change
Assess your understanding of will-change as a rendering hint, its values, resource costs, side effects, and specification status.
~4 min read Start exercise -
ExercisesIntermediate
Test your knowledge: Box Alignment
Check your understanding of shared CSS alignment concepts and their boundaries with Flexbox and Grid.
~5 min read Start exercise