Learn what CSS is and how it styles the web.

Add CSS to a page with inline, internal, and external styles.

Understand rules, declarations, properties, and values.

Target elements with type, class, ID, and attribute selectors.

Named colors, hex, rgb(), hsl(), and opacity.

Absolute and relative units like px, %, em, rem, vw, and vh.

Content, padding, border, and margin explained.

Style text with font, weight, spacing, and alignment.

Background colors, images, size, and position.

Style borders and create rounded corners.

Control spacing inside and outside elements.

block, inline, inline-block, and none.

static, relative, absolute, fixed, and sticky.

Build one-dimensional layouts with Flexbox.

Build two-dimensional layouts with CSS Grid.

Control content that exceeds its container.

Control the stacking order of overlapping elements.

Style elements based on state, like :hover and :nth-child.

Style parts of an element with ::before and ::after.

Understand how CSS decides which rule wins.

Descendant, child, sibling, and grouped selectors.

Media queries and mobile-first design.

Reusable values with custom properties.

Animate property changes smoothly over time.

Build multi-step animations with @keyframes.

Move, rotate, scale, and skew elements.

box-shadow, text-shadow, and the filter property.

Linear, radial, and conic gradients.

calc(), clamp(), min(), and max().

Organize and scale CSS with sensible conventions.