Essential front-end development
CSS (styling)
Available lessons
Introduction
An introduction to CSS, its history, why we need it and the basics of how to get combine HTML and CSS. #TheoryBeginner2 stepsColors
A look at the various ways we can specify colors in CSS. #Theory#PracticalBeginner3 stepsLength units
A look at the plethora of different length unit types in CSS, how we can use them and discussing the apropriate unit choice for various situations. #Theory#PracticalBeginner5 stepsProperties
In this lesson we are going to look at how the most commonly used CSS properties work and how we can use them in our own web pages. #PracticalBeginner6 stepsPosition
How does CSS decide where to place elements on the page? What is default document flow? How can we override the position of certain elements? #Theory#PracticalBeginner4 stepsFlexbox
An introduction to CSS Flexbox and its properties. #PracticalExperienced8 stepsGrid
An introduction to CSS Grid and its properties. #PracticalExperienced8 stepsResponsive design
How do we design and implement web pages that support devices with different screen sizes? #PracticalExperienced4 stepsPseudo classes
A look at what pseudo classes are in CSS and how we can use them to style elements differently based on whether they are hovered, active or one of the many other pseudo states. #Theory#PracticalBeginner1 stepProject
Improving our project by adding styling and making the design responsive. #Project#PracticalBeginnerStandalone