🎨 CSS Selectors & Properties Quiz

Challenge your knowledge of CSS selectors and styling properties in this interactive, no-login quiz!

Welcome to the CSS Quiz!

Test your knowledge of CSS selectors and properties with this interactive quiz.

Configure your quiz using the options on the left, then click "Start Quiz" to begin.

Enable "Learn Mode" to get hints and explanations as you go.

CSS Reference Guide

Selector Description Example
.class Targets all elements with the class .btn
#id Targets a unique element #header
div > p Targets direct children div > p
a:hover Applies style when hovering a link a:hover { color: red; }
[type="text"] Attribute selector input[type="text"]

  • color, background-color - Text and background colors
  • margin, padding - Spacing around and within elements
  • display, position, z-index - Layout and positioning
  • font-size, text-align, line-height - Text formatting
  • border, border-radius, box-shadow - Element decoration
  • flex, grid - Modern layout systems