Css Interview Questions

Compare state-change interpolation with keyframe-driven playback, and learn which one each real interaction actually needs.

Learn the Block Element Modifier convention, why flat single-class selectors keep specificity constant, and where BEM still applies in a component-framework world.

Learn the three-column specificity calculation, where inline styles and !important sit in the cascade, and why specificity is only one tiebreaker among several.

Learn how flex-direction defines the two axes and why every alignment property in Flexbox is meaningless until you know which axis it targets.

Compare the two core Flexbox alignment properties by axis, by what they distribute, and by how their values differ.

Centre with Flexbox in two declarations, then compare Grid place-items and absolute positioning with transform on tradeoffs that actually matter.

See exactly how border-box redefines the width property, why it makes layouts composable, and where it can still bite you.

Understand the four layers every element renders as, and how the two box-sizing modes change what width means.

Learn where each lives in the box model, how their behaviour diverges, and the concrete cases where swapping them breaks a layout.

Compare the one-dimensional and two-dimensional layout models, then apply a concrete decision rule based on who controls the sizing.

Compare all five position values by whether they stay in flow, what they are offset from, and what each one is actually good for.

Compare absolute and relative CSS units by what they resolve against, and learn the accessibility and compounding consequences of each choice.

Compare min-width and max-width strategies by their base styles, override direction, and what each one does to specificity and performance.

One selects existing elements in a particular state, the other creates a sub-part that is not in the DOM. Learn the syntax, specificity, and limits of each.

Understand how a timing function maps elapsed time to progress, what each keyword expands to, and how to read and design a cubic-bezier curve.

Use animation-play-state, animation-direction, delays, and animationend to control playback and sequence multiple animations.

Compare composing from single-purpose utilities against writing scoped semantic rules, on bundle size, refactoring cost, and where each one breaks down.

Walk the full cascade resolution order to see what decides a conflict once specificity ties, and why bundle order matters more than file order.

Understand where a custom property resolves, why inheritance makes subtree overrides work, and the patterns for scoping and exposing component tokens.

Compare a build-time text substitution with a live, inherited, runtime value that JavaScript can read and change.