Beginner 7 lessons · free
CSS tutorial Colours, layout and responsive design.
CSS — Cascading Style Sheets. Every lesson has a runnable example you can edit, key points, a practice task, a quiz and interview questions.
Start learning CSS
Not started
Lessons
What you'll learn
- 01CSS introductionWhat CSS does, the rule syntax and three ways to add it.
- 02SelectorsElement, class, id, descendant and pseudo-class selectors.
- 03Colours, fonts & unitsColour formats, fonts and px / rem / % / vw units.
- 04The box modelContent, padding, border, margin and box-sizing.
- 05FlexboxOne-dimensional layout: rows, columns, alignment and gaps.
- 06CSS GridTwo-dimensional layout with rows and columns.
- 07Responsive designThe viewport meta tag, media queries and mobile-first CSS.