Cheat sheets are useful tools to keep on your desk or close at hand. And these two CSS cheat sheets I've created should help you with both the basics of CSS as well as using CSS for one of the more complicated tasks - positioning and layout.
Both CSS cheat sheets are a 1-page PDF suitable for printing or you can bookmark them and use them online. If you save the PDF, all the links included are clickable, so you won't have to worry about retyping them.
Basic CSS Cheat Sheet
This cheat sheet covers the basics of CSS:
- What CSS is
- How to add style sheets
- Basic CSS syntax
- Font, text, color, backgrounds, and some box properties
Basic CSS Cheat Sheet Right-click (click and hold on a Macintosh) to download the PDF.
CSS Layout Cheat Sheet
One of the most challenging parts of advanced CSS is learning to use it for layout. The best way to learn CSS layout is to do it, but this cheat sheet will help you with remembering:
- Element types
- CSS box model
- Positioning elements
- Using float for layout
CSS Layout Cheat Sheet Right-click (click and hold on a Macintosh) to download the PDF.
