Study guide · 7 topics
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.
Read guide →02 · 6 min readCSS Selectors Cheat Sheet & Examples — Pseudo-classes, :contains & Combinators
CSS selectors and specificity determine which styles apply. This is one of the most-tested front-end topics.
Read guide →03 · 5 min readCSS Attribute Contains Selector (:has, [attr*=]) — Guide & Examples
Developers reaching for a CSS "contains" selector hit a wall — :contains() was removed from the spec. :has() is the modern answer for structural matching.
Read guide →04 · 5 min readCSS 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.
Read guide →05 · 7 min readCSS Flexbox Explained — justify-content, align-items & Flex Properties
Flexbox is the most-used layout system in modern CSS. Here's everything interviews test.
Read guide →06 · 6 min readCSS 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.
Read guide →07 · 5 min readCSS 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.
Read guide →