There’s an abundance of CSS cheat sheets on the web, but most of them gloss over the properties designers use in day-to-day work, preferring instead the kitchen-sink approach of showing all properties. This cheat sheet was designed with a more practical philosophy, so that designers who need a quick description of a property don’t need to open a browser. Included are the following sections: selectors, the box model, positioning, text and fonts, borders and lists, and a bit of miscellany that comes in handy every once in a while.

The cheat sheet comes in landscape and portrait form and is designed to be printed on an A4 (standard) sheet of paper. You can post it on your wall, tape it to your desk, or put it in your pocket for those rare moments when you need to know how the box model works in casual conversation.

Horizontal

Download PDF (486Kb):

Vertical

Download PDF (489Kb):