CSS

Cascade, box model, flexbox, grid, positioning, responsive design, animations and modern CSS.

1. 1Cascade, specificity, inheritanceWhat CSS is, how the winning rule is decided and what gets inherited.
2. 2Box model and displayContent, padding, border, margin, box-sizing and the display types.
3. 3FlexboxOne-axis layout: justify, align, gap, flex: 1 and everyday recipes.
4. 4CSS GridTwo-dimensional layout: fr, repeat, minmax, auto-fit and areas.
5. 5Positioning and z-indexstatic, relative, absolute, fixed, sticky and the stacking context.
6. 6Responsive: units, queries, variablesrem vs px, mobile-first, container queries, clamp() and custom properties.
7. 7Transitions and animationstransition vs @keyframes, easing, what's cheap to animate, prefers-reduced-motion.
8. 8Modern CSSNative nesting, :has(), :is/:where, logical properties, @layer.