CSS Fundamentals

Target HTML elements precisely using element, class, ID, and attribute selectors.

Every element is a box. Learn how content, padding, border, and margin work together.

Arrange items in rows and columns, distribute space, and center anything with ease.

Control fonts, sizes, weights, line height, and spacing to make text readable and polished.

Use hex, RGB, HSL, gradients, and alpha transparency to bring color to your designs.

Build two-dimensional layouts with rows, columns, gaps, and auto-fill card grids.

Control element placement with static, relative, absolute, fixed, and sticky positioning.

Smoothly animate property changes with transitions and create multi-step sequences with @keyframes.

Use media queries and a mobile-first approach to make pages look great on any screen size.

Style specific parts of elements and insert decorative content using ::before, ::after, and more.