My digital project (2): the style file
Answers are for parents and teachers.
1
Explain the difference between padding and margin with a small drawing.
Padding is inside the box, between content and border. Margin is outside the box, between the box and its neighbours.
2
Read this rule and say what it does: header { background-color: darkblue; color: white; padding: 15px; }
The header bar is dark blue with white letters and a little space inside around the words.
3
Find the mistake: footer { color: white padding: 15px; }
A semicolon is missing after white.
4
Predict what happens if darkblue changes to darkgreen in the header rule only.
Only the header becomes dark green; the footer stays dark blue.