CSS is a great way to customize the look of your site and just about everyone is using it. I love how nearly everything is customizable but sometimes I have a hard time remembering all of the properties. That is where this CSS Cheat Sheet comes in!
It is organized very well into several different sections:
- Properties (located on each side)
- Syntax
- Selectors
- Pseudo-Selectors
- Media Types
- Box Model
- Units
- Properties that Inherit
It is available as both a PNG image file or a PDF. I have gotten this printed off and I’ll have it sitting right by me the next time I do some web design! It not only serves as a good reminder but I also learned some things from it to.

yeah, ilovejd has a nice collection. some others that i have found useful:
cs2:
[user.fundy.net]
xhtml:
[cdburnerxp.se]
I already had that Photoshop one but I printed off the XHTML one too…thanks!
What would be handy is some way of being able to see active changes to the appearance of a page as one types – I can remember the properties but sometimes it can be a hassle saving a refreshing and Alt tabbing repeatedly.
Even Dreamweaver can’t do that…unfortunately. You still have to reload the page in order to see the changes. Hopefully someone will come out with some software that does this though.
Just a Firefox extension would be nice – I just use Notepad for all my coding, so integrating that kind of text editor to Firefox could be cool. I may have a search around tomorrow actually.
Here we go – [addons.mozilla.org] Just continually refreshes the style sheet without reloading the page.
That is pretty cool! I’ll definitely be using this the next time I’m doing some Web development.
I have printed several Cheat Sheets from the indicated site (JScript, CSS, ASP, MySQL). Great tip!