CSS Typing Test

Practice typing real CSS code: syntax, symbols and indentation.

CSS uses braces, colons, semicolons, hyphenated property names and units like px and rem.

Symbols you will practice

( ) , - . : ; @ { }

How code typing works

  • Press Enter at the end of each line. Indentation is filled in automatically, like in a code editor.
  • Every symbol must be typed exactly, which is what makes code practice so useful.
  • Use the language menu above the test to switch languages.

Other languages

Frequently asked questions

Why practice typing CSS code?

Code is full of symbols and exact syntax that normal typing tests skip. Practicing real code builds the reach and accuracy programmers use every day.