CSS & HTML Quiz
Test your knowledge across skill levels and specific topics - from beginner fundamentals to expert deep-dives. What started as a single CSS quiz has grown into 16 CSS and HTML quizzes, designed to challenge you at every level from beginner to advanced. Your results are saved so you can track your progress and measure your improvement over time.
CSS & HTML Quiz
🎯 What's covered
The quizzes span CSS and HTML across two formats - by skill level (Beginner through Expert) and by specific topic. CSS topics include Flexbox, Grid, Colors & Gradients, Typography, Animations, Selectors & Specificity, and the Box Model. HTML topics cover Forms & Inputs, Accessibility & ARIA, and Media & Embedding.
📖 Learning mode vs 🎓 Exam mode
Learning mode gives you instant feedback after every answer - ideal for studying a new topic or reinforcing what you already know. Exam mode holds back all feedback until the end, where you'll see a full answer review. It's a better measure of genuine knowledge without the hints.
📊 Progress tracking
Your results are saved in your browser's local storage, so your scores persist between visits. Each quiz card shows your last score with a colour indicator - green for 80% and above, amber for 50–79%, and red below 50%. This makes it easy to see at a glance where to focus next.
💡 Tips for getting the most out of it
Start with the level quizzes to gauge where you are, then drill into specific topic quizzes to fill gaps. Use Learning mode first to understand concepts, then switch to Exam mode to test yourself honestly. Revisit quizzes periodically - spaced repetition is one of the most effective ways to retain technical knowledge.