The CSS box model
In this lesson, we will learn how to apply the CSS Box Model to achieve the exact appearance we would like to on a webpage.
This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.
Unit quizzes are being retired in August 2023
Why we're removing unit quizzes from the website >Intro quiz - Recap from previous lesson
Before we start this lesson, let’s see what you can remember from this topic. Here’s a quick quiz!
This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.
Unit quizzes are being retired in August 2023
Why we're removing unit quizzes from the website >Intro quiz - Recap from previous lesson
Before we start this lesson, let’s see what you can remember from this topic. Here’s a quick quiz!
Video
Click on the play button to start the video. If your teacher asks you to pause the video and look at the worksheet you should:
- Click "Close Video"
- Click "Next" to view the activity
Your video will re-appear on the next page, and will stay paused in the right place.
Worksheet
These slides will take you through some tasks for the lesson. If you need to re-play the video, click the ‘Resume Video’ icon. If you are asked to add answers to the slides, first download or print out the worksheet. Once you have finished all the tasks, click ‘Next’ below.
This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.
Unit quizzes are being retired in August 2023
Why we're removing unit quizzes from the website >The CSS Box Model –
Don’t worry if you get a question wrong! Forgetting is an important step in learning. We will recap next lesson.
This quiz includes images that don't have any alt text - please contact your teacher who should be able to help you with an audio description.
Unit quizzes are being retired in August 2023
Why we're removing unit quizzes from the website >The CSS Box Model –
Don’t worry if you get a question wrong! Forgetting is an important step in learning. We will recap next lesson.
Lesson summary: The CSS box model
It looks like you have not completed one of the quizzes.
To share your results with your teacher please complete one of the quizzes.
Time to move!
Did you know that exercise helps your concentration and ability to learn?
For 5 mins...
Move around:
Climb stairs
On the spot:
Dance