Himanshu SharmaCOBOX Technologies
Let’s talk

Beginner · 29 lessons

CSS for beginners

A free CSS course for beginners who know basic HTML. Short lessons with live editors cover selectors, the box model, Flexbox, Grid and responsive design, ending with a landing page you style yourself.

Syllabus

Getting started

  1. What CSS is and how it works9 min
  2. Three ways to add CSS to a page10 min
  3. Selectors14 min
  4. The cascade and specificity13 min
  5. Inheritance10 min

Colour and text

  1. Colours12 min
  2. Units: px, rem, % and more12 min
  3. Fonts and text13 min

The box model

  1. The box model soon
  2. Margin and padding soon
  3. Borders and rounded corners soon
  4. box-sizing soon
  5. Width, height and overflow soon

Layout

  1. The display property soon
  2. Flexbox basics soon
  3. Aligning with Flexbox soon
  4. Grid basics soon
  5. Grid areas soon
  6. Positioning soon

Responsive design

  1. Responsive design soon
  2. Media queries soon
  3. Responsive images with CSS soon

Polish

  1. Backgrounds and gradients soon
  2. Shadows soon
  3. Transitions soon
  4. Transforms soon
  5. Animations soon
  6. CSS variables soon

Project

  1. Project: style a landing page soon

Lessons marked “soon” are being written and reviewed. 8 of 29 are ready now.