Category: CSS

Keep CSS lean: reduce unused rules, minimize expensive selectors, optimize animations.

Handle browser differences with progressive enhancement and testing.

Support a11y with focus styles, contrast, reduced motion, and readable targets.

Understand how conflicts resolve via importance, specificity, and source order.

Learn which properties inherit (color, font) and which don’t (margin, border).

Hide portions of elements with CSS masks.

Use :is(), :where(), :has(), and :not() for powerful targeting.

Write nested rules natively (and/or with preprocessors).

Flow text around custom shapes with shape-outside (and related).

Apply visual effects with filter: blur, grayscale, drop-shadow, etc.