← All courses
CSS Essentials
🎨Beginner

CSS Essentials

Style web pages with confidence — selectors, the box model, colours, typography, Flexbox and responsive layouts.

7 modules · 27 lessons · runnable · 27 lessons
Share

What you'll learn

  • Selectors
  • Box model
  • Flexbox
  • Responsive design

Curriculum

7 modules · 27 lessons
Module 1Getting started4 lessons
What CSS isPreview
Adding CSS to a page
CSS syntax
Comments
Module 2Selectors4 lessons
Element, class & id selectors
Grouping & combining
Pseudo-classes (:hover, :focus)
Specificity & the cascade
Module 3Colour & text4 lessons
Colours
Backgrounds
Fonts
Text styling
Module 4The box model4 lessons
The box modelPreview
Padding & margin
Borders & radius
Width, height & box-sizing
Module 5Layout4 lessons
Display: block, inline, inline-block
Flexbox basics
Flexbox alignment
Position
Module 6Responsive & effects4 lessons
Units (px, %, em, rem)
Media queries
Transitions
Transforms & hover effects
Module 7Putting it together3 lessons
Style a profile card
Common mistakes
Where to go next

Reviews

No reviews yet.

More in Programming & Languages

Browse all →