Codeloft
0 0 XP Sign in
{ css }

Learn CSS

CSS controls how pages look. You start with colors and fonts, learn how spacing really works, then build modern layouts with flexbox and grid that adapt to phones and laptops.

7 lessons50 minutes1 quiz13 reference entries
Start lesson 1 Take the quiz

Lessons

  1. 01Color and fonts6 min
  2. 02Classes and IDs7 min
  3. 03The box model7 min
  4. 04Layout with flexbox8 min
  5. 05Layout with grid8 min
  6. 06Responsive design8 min
  7. 07Hover effects and transitions6 min

Keep practicing

8 questions

HTML & CSS basics

Eight questions on tags, attributes, tables, the box model and responsive design.

CSS reference

13 short entries with examples and links to the official docs.

Playground

Try your own CSS ideas with a live preview.

Coming next to this path: CSS variables, Keyframe animations, Positioning.