HTML & CSS Exam Study Guide
Seven topic guides covering everything tested on front-end interviews and CSS exams. Code examples, exam traps, and tips throughout.
Test your HTML & CSS knowledge →Free · No sign-upHTML Semantic Elements Explained — Structure, Forms & Accessibility
HTML structure and semantics are the foundation of every front-end exam. Here's what gets tested.
CSS Selectors Explained — Specificity, Pseudo-classes & Combinators
CSS selectors and specificity determine which styles apply. This is one of the most-tested front-end topics.
CSS Box Model Explained — margin, padding, border & box-sizing
The box model controls every element's size. Here's what front-end exams test — box-sizing and margin collapse.
CSS Flexbox Explained — justify-content, align-items & Flex Properties
Flexbox is the most-used layout system in modern CSS. Here's everything interviews test.
CSS Grid Explained — grid-template, fr units, Areas & Auto-fill
CSS Grid is the most powerful layout system. Here's what interviews test — defining grids, fr units, and grid areas.
CSS Responsive Design — Media Queries, Mobile-First & Viewport
Responsive design is a core front-end skill. Here's what exams test — media queries, mobile-first strategy, and the viewport.
Ready to prove it?
Take the free HTML & CSS readiness test. Get a score from 0–100, a topic breakdown, and your exact weak areas — in under 20 minutes.
Take the free HTML & CSS test →Free · No sign-up · Instant results