CSS test — HTML and CSS for kids

Code tip

Rule, then maths — “find which rule applies, then do the sum if there is one”

1. Find the topic: syntax, selectors, properties, colours, box model, cascade, flexbox or media queries.
2. Decide which rule or property applies to the element.
3. For sizes, write the sum down: both sides for the box model, free space for flexbox.

Use it for: Revising CSS before a school test or before starting Part 3.

Worked example: 🖌️ What colour is behind the letters?
p {
  text-align: left;
  font-size: 12px;
  background-color: green;
  color: blue;
} → green

✏️ Practice

Work it out in your head or on paper, then tap your answer — or type it and press Check. Stuck? Press “Show me how”.

🏁 Lesson 20 test

20 questions. Check each answer, then go to the next one. Get 16 or more right to pass.

🏅 Sign in with Google to earn the 🥇 CSS Champ badge when you pass — and a certificate when you finish all 10 lessons of Part 2 · CSS. You can still take the test without signing in.

🖨️ CSS Worksheet: Practice Test

• Worksheet set 1 (PDF)
• Worksheet set 2 (PDF)
• Worksheet set 3 (PDF)