The CSS box model
Slide deck
Download slide deck
Lesson details
Key learning points
- 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.
Licence
This content is made available by Oak National Academy Limited and its partners and licensed under Oak’s terms & conditions (Collection 1), except where otherwise stated.
Video
Share with pupils
Loading...
3 Questions
Q1.
What is the purpose of the <div> element?
It is used to divide the page up into columns
So that you can divide numbers in calculations within webpages
So that you can divide webpages up to get multiple pages
Q2.
Which is the correct syntax for making a DIV which applies the class main?
<class div="main"> </div>
<div class:main> </div>
<div-class=main> </div>
Q3.
What is the correct syntax in CSS for making the background colour of a DIV black?
background colour: black;
color: black
div-background: black;
3 Questions
Q1.
What is the correct syntax in CSS for making the background colour of a DIV black?
background colour: black;
background-colour: black;
color: black;
div-background: black;
Q2.
Which property of the CSS Box Model is used to add space around the padding and content?
content
margin
padding
Q3.
Which two layers of the CSS Box Model can only be transparent?
border
content