Languages
CSS Cheat Sheet
Print-ready cheat sheet for CSS, organized for fast lookup, study, and desk-side use
Sample
What's in this cheat sheet
- Selectors
- Box Model
- Flexbox
- Grid
- Typography
- Colors & Backgrounds
- Transitions & Animation
- Responsive Design
- Positioning
- Custom Properties
Basic Selectors
* | Universal — all elements |
div | Type — all `<div>` elements |
.class | Class — elements with class |
#id | ID — element with id |
[attr] | Attribute — has attribute |
[attr="val"] | Attribute equals value |
Combinators
A B | Descendant (any depth) |
A > B | Direct child only |
A + B | Adjacent sibling (next) |
A ~ B | General sibling (all after) |
Pseudo-classes
:hover | Mouse over element |
:focus | Element has focus |
:first-child | First child of parent |
:nth-child(n) | Nth child (1-based, `odd`, `even`, `2n+1`) |
:not(sel) | Negation — exclude matches |
:has(sel) | Parent selector (contains match) |
Download the full cheat sheet for all sections, formatted for print
Download PDFDownloads
Choose the treatment that matches how you read
-
Recommended
Standard
B&W, ink-efficient. The default for laser printers and photocopies
Best for Printouts and desk-side reference
-
Color
Warm color accents for on-screen reading or color printers
Best for Screen reading or color printers
-
Reference Card
Maximum density, 4-column layout. Everything on one page
Best for Fast scanning and minimum paper use
