courses / css
learn css
Three levels, from never written code to writing it like a professional. Style and layout for the web.
from zero to your first real programs.
For people who have never written a line of code. Nothing is assumed: every new word is explained the moment it appears.
1 unit 1 Meet the page See what a web page is made of and change how it looks.
2 unit 2 Colours and clues Mix exact colours and track down silent mistakes.
3 unit 3 Style the words Change the size, shape and spacing of text.
4 unit 4 Pick your targets Choose exactly which parts of the page to style.
5 unit 5 Space it out Measure things and give every box room to breathe.
6 unit 6 Shape the box Control how wide, tall and round your boxes are.
7 unit 7 Lay it out Put boxes side by side and make the page react.
build things that are actually useful.
For people who finished Level 1, or can already write small programs with variables, decisions, loops and functions.
1 unit 1 Flex in depth Make rows and columns that bend to fit the space they get.
2 unit 2 Line it up Place each flex child exactly where you want it, on any screen.
3 unit 3 Grids Lay boxes out in rows and columns at the same time.
4 unit 4 Fit any screen Make one page look right on a small phone and on a wide screen.
5 unit 5 Position anything Lift boxes out of the flow and pin them exactly in place.
6 unit 6 Smarter selectors Target exactly the elements you mean, wherever they sit and whatever state they are in.
7 unit 7 Finishing touches Smooth changes, neat pictures and a full layout for every screen.
write css like a professional.
For people who build things on their own and want code that others trust and can change.