Keentune
Adaptive skill practice — find your level, get sharper.

CSS practice

Specificity
Try one — no signup
All three rules match the same <p>. What color is its text?
#main p { color: red; } .page .text p.note { color: tan; } p.note { color: blue; }
Start practicing — it’s free
No signup · first signal after 5 answers · your score at session end
The cascade, layout, and the modern layer — mastered
CSS the way senior frontend interviews probe it — the cascade, specificity math, and inheritance; the box model and box-sizing; flexbox and grid sizing algorithms (including the min-content floors everyone hits); positioning, stacking contexts, and containing blocks; margin collapse and formatting contexts; and the modern layer (:has(), :is()/:where(), container queries, @layer, cascade layers with !important inversion, @property, anchor positioning). Grounded in MDN and the CSS specs, from beginner fundamentals to genuinely expert layout puzzles, with explanations that teach why. Part of the Developer track.
• Meets you at your level — never too easy, never too hard.
• Adapts every question to how you’re doing.
• Tracks your level over time. Skill practice, not a test.

New here? Read the CSS guide

A free 17-minute primer — the mental model, the mistakes beginners make, and what to practice first.

Curriculum

258 concepts across 25 chapters, from foundations through advanced practice — each one a concept the adaptive question bank can teach and test.

A. How CSS works — syntax, parsing and at-rules

11

B. Cascade, specificity and inheritance

16

C. Selectors and combinators

19

D. The box model

13

E. Values and units

14

F. Display and normal flow

10

G. Flexbox

17

H. Grid

20

I. Positioning and stacking

13

J. Backgrounds, borders and shadows

10

K. Typography and text

10

L. Color

7

M. Transforms

8

N. Transitions and animations

10

O. Responsive design and container queries

10

P. Overflow and scrolling

6

Q. Sizing and intrinsic sizes

6

R. Modern layer — custom properties, cascade layers, feature queries, nesting

12

S. Visual effects

6

T. Lists, tables, counters and generated content

7

U. Anchor positioning

6

V. Scroll-driven animations

8

W. Scoped styles — @scope

8

X. Multi-column layout

5

Y. Environment variables and env()

6
View the full curriculum →
Keentune is not affiliated with or endorsed by the organizations whose documentation informs these maps.
Start practicing — it’s free
No signup · first signal after 5 answers · your score at session end
Explore all skills on Keentune

CSS on exams

CSS is one of the skills tested on this exam. Each prep page lays out what the real test covers and where this skill fits.
Also on your phone
All exam, test, and product names and trademarks are the property of their respective owners and are used here for identification and reference only. Keentune is independent study practice — not affiliated with, authorized, or endorsed by any of these organizations.
© 2026 SportaApp LLC