Skip to content
Retr0 Academy
CSS

Course · Beginner

CSS

Style the web: selectors, the box model, typography, Flexbox, Grid, and responsive design.

0 of 8 lessons complete

What you will build

Styled layouts with Flexbox, Grid, and responsive rules.

Prerequisites

  • HTML, or follow along while you learn selectors and the box model.
Start the course

Lessons

  1. 01Introduction to CSSWhat CSS is, how a CSS rule is written, and the three ways to add CSS to a page.2 min
  2. 02SelectorsTarget exactly the elements you want with type, class, id, attribute, combinator, and pseudo-class selectors.2 min
  3. 03Colors, Backgrounds, and UnitsUse named, hex, RGB, and HSL colors, style backgrounds and gradients, and choose the right CSS unit.2 min
  4. 04The Box ModelEvery element is a box. Learn content, padding, border, and margin, plus box-sizing and display.2 min
  5. 05Typography and TextChoose fonts, sizes, weights, and spacing to make text beautiful and easy to read.2 min
  6. 06FlexboxLay out items in a row or column, align them, and distribute space with CSS Flexbox.2 min
  7. 07CSS GridBuild two-dimensional layouts with rows and columns using CSS Grid.2 min
  8. 08Responsive Design and AnimationMake pages work on every screen with media queries, then bring them to life with transitions, transforms, and keyframe animations.3 min
Take the CSS quiz