Get It Today!
Including:- CSS Selectors and Pseudo-Selectors
- CSS Properties
- CSS Units
- CSS Box Model
Buy Now for just $2!
Overview
The CSS cheat sheet is a one-page reference sheet, listing all selectors (as of CSS 2.1) and properties. It includes a visual example of the box model, unit reference for CSS units and the various media types CSS makes allowance for.
What's New?
There are a few small changes from the first version of the CSS Cheat Sheet (which you can still download if you prefer). The most obvious change may be that it now looks different. Hopefully it's now clearer and a little easier to find the information you're looking for.
The content is largely unchanged. The syntax block has been removed, as have the media types - both were, according to feeback, largely useless. Removing them allowed me to change to a three column layout, making the properties lists far more prominent and useful.
Selectors
Given the number of possible selectors in CSS, it is no wonder some people often become confused. Mixing up ID and Class selectors is easy enough, without throwing sibling, child, attribute and language selectors into the mix. This section of the cheat sheet lists selectors and shows which element(s) those selectors would apply to.
Pseudo-Selectors
Pseudo-selectors are used when defining styles for elements that either do not exist, or are in a particular state. This section lists various of the pseudo-selectors.
Please note - I have left the :before and :after pseudo-selectors off this list, as I felt generated content was too complex to add to this sheet and still define in a way that made that area of the sheet usable.
Units
CSS allows the author to define dimensions and colours in many different ways, which can be especially useful when combined with media types. This section of the sheet lists the various units in CSS and explains what they mean.
More information on units in CSS.
Box Model
The box model is one thing that consistently trips up those new to CSS. Apart from major browsers not all supporting it correctly, its definition can be at first confusing. The box model section of the page aims to make this clearer.
Properties List
The CSS specification includes a lot or properties, many of which are often forgotten or overlooked. Many of these are shorthand properties, defining many properties in one go. The outside columns of the cheat sheet list all available CSS properties.
Translations
Other Formats
Get It Today!
Including:- CSS Selectors and Pseudo-Selectors
- CSS Properties
- CSS Units
- CSS Box Model
Buy Now for just $2!
The CSS Cheat Sheet is released under a Creative Commons License (Attribution, Non-Commercial, Share Alike).
360 Comments
thank you very much...
#1, temizlik, Turkey, 2 July 2008. Reply to this.
thank you....
#2, söve, Turkey, 3 July 2008. Reply to this.
You're both welcome :)
#3, DaveChild, United Kingdom, 3 July 2008. Reply to this.
Thank you very much, this is very nice of you!
#4, maylynn55, United States, 4 July 2008. Reply to this.
Thank you very much for doing this cheat sheet. It's nice to know that guys like you take the time to help others along. May God bless you!
#5, Celeste, United Kingdom, 5 July 2008. Reply to this.
Dear Mr. S*** For Brains?
Thank you for your otherwise fine and helpful CSS cheat sheet but can you get hip and lay off the artsy-fartsy color scheme on the print versions? Printing with colored ink is a costly ripoff and not needed for most document types or grossly overdone as in the case with this cheat sheet.
Colored borders is all ythat are really needed to delineate sections of a document for readability. Alternating row color is noisy bullshit too completely useless on an A-size portrait page format.
Hope this makes sense as it is in fact common sense but thoughtless to offer something helpfulwhile in fact functionally detrimental due to its having intentionally been created to be needlessly costly.
Finally, now I frealize I've even been stupid for even printing this waste product before closely scrutinizing and realizing how wasteful it has really been as not only does it waste ink the document doesn't even mention what I contend is the most needed cheat-sheet reminder: CSS short-hand.
I for one can never remember which properties may be used or which order they are used in when supported.
Replies: #160.
#6, Duped Again By Not Paying Attention, Unknown, 5 July 2008. Reply to this.
maylynn55, Celeste: You're welcome.
Dear "Not Paying Attention": You are of course welcome to create your own cheat sheet if this free one is not up to your standards, or the expense of printing it is too great.
However, after considerable deliberation, I have come to realise that I have made a serious error in judgement. I have let you down, and I have let myself down. I feel that the best way to avoid a repetition of this ugly incident is for me to solicit your approval in advance for all future cheat sheets' content.
I apologise for not including instructions on printing in black and white for your printer. As I'm sure you can understand, including such instructions for all printers would take considerable time.
I do run test prints for the cheat sheets in black and white before they are released, as I understand not everyone wants colour. I now realise this effort on my part is pitifully inadequate, and I will in future include a supplemental pack with every download, entitled "My First Printer: What's The Deal With All This Colour Anyway?".
> its having intentionally been created to be needlessly costly
I am saddened that you have discovered my nefarious scheme to bankrupt the western world by including a lightly coloured background on alternate rows of this cheat sheet. I will retire to my supervillain lair to concoct a new plot.
My sincere apologies,
Dave "Dr" Evil.
Replies: #266 and #299.
#7, DaveChild, United Kingdom, 5 July 2008. Reply to this.
thank you...
#8, temizlik, Turkey, 8 July 2008. Reply to this.
Thanks loads!
re: Duped...:
someone should let their meds kick in before commenting, hmmm?
Or were those restraints a tad too tight again at nap time and we\'re a little cranky-pie?
There there, dear. Things may not get better, but it will all be over soon.
#9, HiddenFields, U.S., 8 July 2008. Reply to this.
Great! it's really usefull
#10, Gayan, Sri Lanka, 10 July 2008. Reply to this.
thank you...
#11, kiral?k vinç, turkey, 10 July 2008. Reply to this.
Since I used css on my myspace profile by usinq the div tutorial my paqe is experincinq problems meaninq its not showinq riqht. im not very happy with that. Is there somethinq i need to do in order to fix that?
#12, ChesseyBoy, Unknown, 11 July 2008. Reply to this.
Thank you!!!!
I code css for hobby and have no education in this. The problem is that i always forget the most simple things ... with this it's a lot easier!!!
#13, Lennart, Netherlands, 12 July 2008. Reply to this.
I absolutely LOVE your candid response to the idiot who wasn't paying attention! ROFLOL! I laughed for hours, and all I wanted was your wonderfully created CSS cheat sheet. This CSS cheat sheet has totally made my day ? or was it the response? LOL... Thanks!
#14, Matthew Bailey, USA, 12 July 2008. Reply to this.
I was looking for this !!!! Thanks a lot, great work !!
#15, Ludwig, France, 13 July 2008. Reply to this.
Thank you so much for this! I have Dreamweaver CS3 and the templates
use CSS and I had no idea what its all about. Having worked with HTML
for so long it has become a bit of a learning curve for me. You just saved
me a lot of time!
Now I can understand what makes CSS work-able better.
#16, Kim Snyder, United States, 14 July 2008. Reply to this.
Hi Dave,
Thank-you SO much for the cheat-sheet. It's one of the best (if not the best) out there. Personally I like it being coloured and delineated (more colours would be cool, you haven't bankrupted the western world yet, and Epson et al would like you to earn more of their money :) ).
I`m a designer and versed in CSS for many years now, but when you are busy doing flash stuff or whatever else for months, it's easy to forget the simplest CSS rules.... which is why I searched for a decent cheatsheet and found yours.
CHEERS!
Gary Storm
#17, storm, Australia, 18 July 2008. Reply to this.
Thanks for the CSS Cheat Sheet. It looks well-layed out and packs a lot of info into a short space. This is a fantastic for beginners like me, thanks.
#18, Alex, Unknown, 19 July 2008. Reply to this.
thank you...
#19, bursa matbaa, turkey, 21 July 2008. Reply to this.
Thanks. I found this on the book-------CSS: The Missing Manual,Now I'm
building my own IT website,and it will help me a lot~
#20, Jacob, China, 23 July 2008. Reply to this.
The cheat sheet is a great idea and very clear and well presented, but not quite what I was hoping for. I already have an idea of what the selectors are and how to write CSS rules, but I'm aware that browsers are not all equal, and some perform better than others with particular selectors and rules.
Most helpful for me would be a reference showing the arrangement of selectors (just as clearly as you have laid them out on this cheat sheet) but some indicator of version or browser support for this selector.
Also helpful would be an associated reference showing the work-arounds (sadly still needed) to acheive the same in IE as FF, or how to include or mask rules for different browser implementations.
Nevertheless, I appreciate your work. Well done for making this available.
#21, Brian Lowe, United Kingdom, 24 July 2008. Reply to this.
thank you...
#22, izmir güvenlik, Turkey, 24 July 2008. Reply to this.
Big thanx Dave.
#23, quantif, Uzbekistan, 25 July 2008. Reply to this.
thanks for the good tutorial :)
#24, fid, Malaysia, 30 July 2008. Reply to this.
I'm so confused, but intend on learning this if it drives me crazy, like you know who. Teehee.
Thank you for sharing.
xo
#25, cathy, United States, 1 August 2008. Reply to this.
Forgot the URL.
#26, cathy, United States, 1 August 2008. Reply to this.
thanks for this very good tutorial.
#27, Zorun, Unknown, 7 August 2008. Reply to this.
Thank you for sharing...
#28, ilaçlama, Unknown, 9 August 2008. Reply to this.
I like your cheatsheets very much. I use them frequently. But I have one remark: maybe it's an idea to have them landscape instead of portrait? I usualy open them in Preview when programming. When they're landscape, I can use more screen-space for the cheatsheet which makes reading easier!
#29, Vinci, Unknown, 11 August 2008. Reply to this.
I like your cheatsheets very much. I use them frequently. But I have one remark: maybe it's an idea to have them landscape instead of portrait? I usualy open them in Preview when programming. When they're landscape, I can use more screen-space for the cheatsheet which makes reading easier!
#30, Vinci, Unknown, 11 August 2008. Reply to this.
very nice man
#31, abdalla, Unknown, 12 August 2008. Reply to this.
thank you for sharing
#32, forklift, Turkey, 13 August 2008. Reply to this.
These cheat sheets are wonderful! I had a few from other sites, but yours are much cleaner and to the point. Thank you very much.
#33, Jason Green, Unknown, 21 August 2008. Reply to this.
HI i need your help i really want to create my own website/web page but i dont know how to go about doing it so can you please help me out
#34, programlama, Turkey, 26 August 2008. Reply to this.
Thank U so much~
#35, amo, China, 28 August 2008. Reply to this.
Cheers mate. Really good to help my old brains out.
#36, Seul, Unknown, 2 September 2008. Reply to this.
Great stuff - keep it going.
Regards,
TraderRod
#37, TraderRod, Islamic Republic Of Iran, 4 September 2008. Reply to this.
Thank you, very helpful.
#38, Emil, Germany, 9 September 2008. Reply to this.
I'm thinking "Duped" didn't have a very good 4th of July.
#39, MT, United States, 11 September 2008. Reply to this.
Thanks a lot - this is really helpful!
"Duped" - you clearly have issues dude..
#40, Craig, United Kingdom, 13 September 2008. Reply to this.
Nice and clean collection. Great job. Added on my feeder. Thanks a lot Dave.
#41, Ted, Greece, 14 September 2008. Reply to this.
thanks very much!!
#42, yellow, China, 6 October 2008. Reply to this.
great job with the cheatsheet :)
As for duped, happy days! Let me just get this right, you downloaded a helpful resource that somebody has offerered for free. You have then carelessly printed without a thought in the world, yet YOU have been duped?
Duped into what exactly, printing the sheet? Yes that's in fact right, Dave is wholly responsible for your printer use. Why don't you add your paypal address here and we can all slip you a couple of quid to cover the costs?
Dave, thank you for your quality response to duped. He ruined my day.
#43, Sam H, United Kingdom, 6 October 2008. Reply to this.
Thank you indeed for your cheet sheet. Im just starting out this will definately help. Thanks again!
#44, jSun, Australia, 14 October 2008. Reply to this.
Wow! Really nice. request- can you do a cheat sheet for css browser hacks?
#45, Cindy, Ga, 14 October 2008. Reply to this.
Thanks Dave for writing an interesting and informative CSS work exercise. I really must bring to attention the issue raised by ?Duped Again By Not Paying Attention?. ? The language and tone of their comment does absolutely nothing constructive in improving the learning and contributing experience, it merely serves to be provocative and goes against the spirit of the Internet.
Many thanks once again Dave
#46, Altum, United Kingdom, 15 October 2008. Reply to this.
thanks..
#47, raf, Turkey, 21 October 2008. Reply to this.
I'd like to translate your CSS Cheat sheet in french and put it on my site...
Where can i find the source of the file ?
Thanx,
Cyprien
#48, Cyprien, France, 27 October 2008. Reply to this.
thanks you :)
Replies: #218.
#49, jing, Viet Nam, 29 October 2008. Reply to this.
A champion effort, that! And Forklift nailed it, too - "Thanks for sharing.". Kudos on selflessly sharing your work/findings/research with other users. That is the heart of the WWW, right there. This is what computing should still be about, IMHO.
Love your work - best of luck in future projects.
Also, I can't figure out if your reply to Duped was actually offensive or not - I think it was far too well worded to truly be offensive. Or does that actually make it more offensive? Nice work - the very picture of 'impossible ambiguity'! Well, whatever it is, it's extremely amusing.
#50, Floating Guest, Australia, 29 October 2008. Reply to this.
will come in handy, thankyou!
#51, natalia, Australia, 30 October 2008. Reply to this.
What a great resource. I'm grateful for all the hard work that went into this, and to the Tweeter who brought this to our attention via his blog (http://twitter.com/imjustcreative).
#52, MK (Casey) van Bronkhorst, Unknown, 30 October 2008. Reply to this.
wow, thats awesome! thank you very much!
#53, hello, Unknown, 1 November 2008. Reply to this.
Thanks for the time and thought that you put into this sheet.
@Altum Re: Duped. couldn't have said it better myself.
#54, Scott, United Kingdom, 2 November 2008. Reply to this.
Thank you for sharing your work. Well done!
Ulli
#55, SITS, Unknown, 5 November 2008. Reply to this.
Thanks for sharing. Great Job
#56, webtechnepal, Nepal, 6 November 2008. Reply to this.
Couldn't help but sharing this great cheat sheet too! This is really handy, I always end up searching google or w3schools when I forget syntax. I put a link here if you don't mind (hopefully will help you in google =D): http://phireitup.blogspot.com/2008/11/css-cheat-sheet.html
#57, SaidK, Michigan, 6 November 2008. Reply to this.
this is good but how can ? change this class elemets in this.Thanks
#58, webburda, Turkey, 9 November 2008. Reply to this.
I'm newbie on designing website. The expert said that table based layout is outdated, and now is the new era of css based layout. And your cheat sheet laid my way to that new era :) .. I think so. Many thank for this nice job.
#59, Deni, Indonesia, 20 November 2008. Reply to this.
Thanks, what a great reference, all on one page! Exactly what I needed for a quick memory jog.
#60, co-dependent, Unknown, 21 November 2008. Reply to this.
excellent css reference. The graphic showing all the padding margins and whatnot is great. Even though I know this stuff, it is awesome to be able to double check (or first check on off days) with this sheet. Great work and thanks for contributing to the community. Don't worry about the nay sayers - 99% of us appreciate it.
Also like the live comment preview - very nice.
#61, mark, United States, 23 November 2008. Reply to this.
thnks
#62, mantoloma, Unknown, 27 November 2008. Reply to this.
Thank you indeed for your cheet sheet. Im just starting out this will definately help. Thanks again!
#63, Ringo, Unknown, 28 November 2008. Reply to this.
Oo.. I like it. Thanks.
#64, Jon Williams, Unknown, 29 November 2008. Reply to this.
Thank you !
I'm a college student.The "css the missing nanual" helps me a lot when i was developing a web site.It is a good.
#65, huangzhenhong, China, 8 December 2008. Reply to this.
Thank you Dave.
And don't worry about people like 'Duped Again By Not Paying Attention'. Haters will always be there and I don't see him offering a black and white version either (why are they always anonymous, hmm)
Again, thank you Dave. Keep it up! ^_^
#66, Janz, Unknown, 14 December 2008. Reply to this.
Many thanks for the work!
It would be even greater if which selector/attribute is supported by which browser(s) is also noted.
#67, Betty, China, 15 December 2008. Reply to this.
One minor correction. Pixels are not absolutes sizes, they are actually relative units. http://www.w3.org/TR/CSS21/syndata.html#value-def-length
But Internet Explorer's improper handling of them makes them act fixed for that browser.
#68, Michael, United States, 29 December 2008. Reply to this.
Hey! excellent content on the cheat sheet.. thank you very much for the hard work!
I just made a post in spanish about your cheat sheets in my blog:
http://www.lawebdejuan.com.ar/2009/01/cheat-sheets-una-ayudita-mano.html
just to let u you know.
Greetings!
#69, Juan Ortiz, Unknown, 16 January 2009. Reply to this.
Hi Dave "Dr Evil",
Good response to the "intelligence-challenge" (duped) individual above. Some comments stun me. I would probably have deleted it, but I think your response was far better (and more entertaining for your readers :) ).
I just wanted to say thanks again for the HTML Character cheat sheet and now this CSS cheat sheet that I've come back for. It's time to look at my CSS again... a fun weekend ahead! ;) Thanks again, Steve Booth
#70, Steve Booth, United States, 31 January 2009. Reply to this.
Thank you!
#71, Anonymous, Unknown, 4 February 2009. Reply to this.
This is truly a cheat sheet of simple things that matter a lot in CSS. You've done it again, Dave.
I literally love your way with words, even when offended.
#72, Mexabet, Australia, 14 February 2009. Reply to this.
Dave, you're the MAN.
In fact you're double MAN, because of your response to Duped ;-)
Now how do I turn my printer on? Have I got a printer? Can you let me know please.
#73, Dr Madvibe, United Kingdom, 16 February 2009. Reply to this.
eyyyyyyyyyyy
#74, Anonymous, Denmark, 28 February 2009. Reply to this.
very good, thanks
#75, sivas, Unknown, 2 March 2009. Reply to this.
thx!
#76, peer, Unknown, 3 March 2009. Reply to this.
Great! it's really usefull .
This jpg is now on my desktop :)
#77, soapworts, Australi, 3 March 2009. Reply to this.
Just wanted to say thank you for your cheat sheet series. I can see these being very helpful, not only for the beginners, but for those that have been doing this for years and years. Thanks, again.
#78, John, Canada, 3 March 2009. Reply to this.
very helpfull cheat sheet. I'm now printing it to paste on the wall behind my monitor
many thanks
#79, wiphone, Unknown, 4 March 2009. Reply to this.
Thanks Dave for all the content. It is great!
I actually hand out your cheat sheets in my classes (making reference to your website). You save me heaps of time on writing something similar for my students.
#80, Pablo Matamoros, New Zealand, 9 March 2009. Reply to this.
very good, thanks
#81, sivas, Unknown, 11 March 2009. Reply to this.
very good, thanks man.
#82, otomatik kepenk, Unknown, 12 March 2009. Reply to this.
Superb. Thank you Dr. E. !
#83, Kath, Santa Cruz, 12 March 2009. Reply to this.
Many thanks Dave a great time saver in understanding Css, learning it and using it for modifying websites.
Love the above comments(I'm duped!? (not paying attention)) they provided me with a great laugh a good start to my working day.
your work is much appreciated.
Keren
#84, Keren, United Kingdom, 20 March 2009. Reply to this.
Hey Great work of collecting world into one page. Great resource for starter to became an expert.
Thanks for collecting it into one place
#85, Faisal, India, 22 March 2009. Reply to this.
I have a big legal size pad of paper at my desk that I make notes on to try to remember all the short cuts and what everything means. I some how stumbled on to your site and found your cheat sheets. WOOHOO! Thanks for doing all the work for me!
I like reading comments by other because you never know what you may learn. I came across the comment made on July 5th, 2008 and I couldn?t believe it. What an ungrateful big stupid! Can you ban him/her from your site forever?! Its ungrateful losers who make it harder for the rest of us to get help when we need it.
You comment back was great! I got a good laugh from it... good for you!
#86, Jen, San Diego, CA, 27 March 2009. Reply to this.
Awesome Possum
All of the sheets I've downloaded, very useful.
#87, Grateful, United States, 28 March 2009. Reply to this.
Thank you for this cheat sheet. Very helpful!
#88, Treats, Australia, 30 March 2009. Reply to this.
thx. Very nice )
#89, marina, Russian Federation, 31 March 2009. Reply to this.
Evil Dave,
Phenomenal. You always deliver the goods, and they are invaluable to our team. I'd love to connect sometime and see if there's something we could do together in the online brand-marketing space. We're about to go public with a unique Search=>Find=>Optimize=>Distribute Media platform.
Thanks again for the kick-butt cheat sheets. And the snarky response to "Not Paying Atttention". Seems his language translator was turned to "ID10T" mode.
Best,
ME
#90, Mark Alan Effinger, United States, 31 March 2009. Reply to this.
Interesting and useful. Nice glossary, thanks! You cool!
#91, Perdele Andrei, Romania, 3 April 2009. Reply to this.
Very nice job. A lot of work went into formatting this cheat sheet, and it looks great and is a help to this particular forgetful old lady. Thanks.
#92, Annie Alpert, Unknown, 7 April 2009. Reply to this.
Thanks for the great CSS sheet.
I concur with Betty from China. It would be very useful if this could corrolate with PPK's browser support tables so we know which selectors to not use.
#93, Montana Harkin, United States, 8 April 2009. Reply to this.
Cool !
thank you very much...
#94, Lincy La Paz, United States, 8 April 2009. Reply to this.
thanks
#95, oteller, Unknown, 11 April 2009. Reply to this.
This is cool...
Thanks for such a comprehensive cheat sheet..
#96, Sandeep, United States, 22 April 2009. Reply to this.
Cheers for this - something hand-drawn on my V1 copy (and about to draw on the new copy), is the top/bottom/left/right ordering in the shorthand form for the border/margin/padding/etc directives - I don't know if I'm the only one who gets these mixed up.
#97, Jamie, New Zealand, 22 April 2009. Reply to this.
how do i find the cheats
#98, hinni, kopavogur, 25 April 2009. Reply to this.
i think i should read more english , i can't catch you.
#99, Yanis, China, 27 April 2009. Reply to this.
thanks
#100, bitlimakina, Unknown, 17 May 2009. Reply to this.
Thanks for the incredibly useful cheat sheet. It's now bookmarked.
#101, Tom Duong, Unknown, 18 May 2009. Reply to this.
I'm currently doing web design at college, Ive been telling my fellow students to visit this as a must !!!
#102, John, Scotland, 26 May 2009. Reply to this.
thank yout very match! bookmarked!
#103, Andreas, Germany, 19 June 2009. Reply to this.
Great cheat sheet - thanks!!
#104, A Web design in Virginia, United States, 27 June 2009. Reply to this.
I am still learning css -> http://www.detlev-lengsfeld.de/entry/2009/jun/30/5-kleine-css-tools/
and this is very usefull. Thanks 4sharing.
#105, Detlev, Germany, 30 June 2009. Reply to this.
Thanks for this - should come in handy - will do a bit of research on some of these tags as hadn't come across them as of yet.
#106, Joey, UK, 4 July 2009. Reply to this.
Great post thanks for sharing
#107, Luke, UK, 13 July 2009. Reply to this.
gracias por el aporte esta muy bueno
#108, markez, Unknown, 20 July 2009. Reply to this.
thanks for this css cheat sheet vs, i will learn this advance tips
#109, laser pointers, Australia, 23 July 2009. Reply to this.
Thats great I'm not especially technically minded so this helps a lot
#110, Caroline Lewis, United Kingdom, 24 July 2009. Reply to this.
thank yout very match! bookmarked!
#111, Kepenk Motto, Kepenk - Otomatik Kepenk ve Panjur, Garaj Kapisi Sistemleri MOTTO kalitesiyle., 27 July 2009. Reply to this.
Thank you so much for creating this! It's extremely helpful!
#112, Puja, United States, 28 July 2009. Reply to this.
You're giving VisiBone a run for their money!
Thank you.
#113, Nathon, Dallas, TX, 4 August 2009. Reply to this.
Thanks for the resource. Will print this out and stick it next to my monitor. Always remember dont put the padding on the div you want to pad. Create another div inside the div and pad that one out.
#114, website design stoke, United Kingdom, 6 August 2009. Reply to this.
Wow, amazing cheat sheets. Thanks for the great information guys!
#115, Joel Booths, Washington, 10 August 2009. Reply to this.
Great cheat sheet - thanks!!
#116, hediye, Germany, 13 August 2009. Reply to this.
Great cheat sheet
#117, Hediye, Turkey, 13 August 2009. Reply to this.
greatefull!
#118, Kalp hastanesi, Turkey, 13 August 2009. Reply to this.
some useful tips, i was looking for ways to improve my experience in css. thanks alot
#119, Venue finder, UK, 16 August 2009. Reply to this.
Thanks was actually looking for some great tips to improve css thanks a ton
#120, James, Unknown, 21 August 2009. Reply to this.
thanks for the great css
#121, iç giyim, Turkey, 22 August 2009. Reply to this.
Hi Dave... got this link from my programming lecturer. Wish had had it long before I submitted any of my assignments. Nyw, exams are coming & Ive got my fingers crossed that your cheat-sheets would help.
Thanx
#122, Miss Ledi, South Africa, 22 August 2009. Reply to this.
Thank you so much for posting this information. I am assuming that one more positive comment probably doesn't mean much, but I had to thank you.
#123, Mark, United States, 22 August 2009. Reply to this.
I have done exceptionally badly at replying to comments here. Sorry about that - I will try to do better.
To everyone who said thanks - you are very welcome!
#124, DaveChild, United Kingdom, 24 August 2009. Reply to this.
Thanks for this - should come in handy - will do a bit of research on some of these tags as hadn't come across them as of yet.
#125, Kepenk, Turkey, 24 August 2009. Reply to this.
Thanks a lot
Great cheat sheet
#126, Dhiraj, India - Mumbai, 26 August 2009. Reply to this.
You're both welcome :)
#127, Tatil, Turkey, 27 August 2009. Reply to this.
Thank you so much for creating this! It's extremely helpful
#128, inci kolye, Unknown, 30 August 2009. Reply to this.
Thank you for posting this dude. It is very helpful onsite. A very talented person is also forgot little things in mind. your cheat sheet make it easy. We can fold it in our pocket also. so need to worry about syntax and interpretatuin errors.
So once again I thank you very much pal.
#129, Krishna, Bangalore, India, 30 August 2009. Reply to this.
I love this cheat sheet, I am not too savvy with CSS so this helps me out a lot! Thanks guys.
#130, Dataflurry, Phoenix, 9 September 2009. Reply to this.
Thank you very much, All the knowledge in one png!!!! Thanx Thanx Thanx Thanx!!!
#131, Neas, Thessaloniki, Greece, 12 September 2009. Reply to this.
The quality of your cheat sheet does not even begin to approach the indisputable value of your response to "Duped" - still laughing, you **** for brains. Get back to the invidious scheming! Thank you.
#132, TheObserver, United States, 12 September 2009. Reply to this.
Really a Great Job.. Will help many people..
Thanks a LOT...
#133, Lokesh, India, 14 September 2009. Reply to this.
Great cheat sheet.
Thanks.
#134, Milton, Hungary, 17 September 2009. Reply to this.
Great resource. Thanks for sharing it with us.
#135, Kathie, Unknown, 21 September 2009. Reply to this.
This is a very great resource i liked the way info has been shared very good keep up mate
#136, Neoteric web design, London, 24 September 2009. Reply to this.
Two words: thank you...
#137, Travis, United States, 27 September 2009. Reply to this.
Dude, this list is super awesome, thank you very much! When you made a list with selectors (detectors) of browsers? I am css hack addicted!
#138, Invisible detector, United States, 4 October 2009. Reply to this.
thank you...
#139, rvv, tpt, 6 October 2009. Reply to this.
Great resource and Thanks for sharing it with us
#140, ilginç hediye, Turkey, 10 October 2009. Reply to this.
Thank you so much for posting this information. I am assuming that one more positive comment probably doesn't mean much
#141, istiridye inci, Turkey, 10 October 2009. Reply to this.
Dr Eeeeevil, your a generous man, your awesome css code sheet is sincerely appreciated, even more so your fast and humorous wit. I laughed out loud on a Manic Monday from your reply to "Duped again Dickh**d so thanks alot for that :) I will be looking forward to the evilness that comes out of your supervillain lair with much anticipation. You Rock!!
Bella xx
#142, Belladonna, Australia, 12 October 2009. Reply to this.
Usually, I rely on the quick-finding CSS Suggester that is contained within Dreamweaver, although, I may have to start using these cheat sheets as they are pretty top quality.
#143, Creare Web Designers, United Kingdom, 16 October 2009. Reply to this.
Thanks for sharing it with us
#144, sevgililer günü hediyesi, Turkey, 16 October 2009. Reply to this.
thank you very much
the website is really great
#145, hannes, Germany, 19 October 2009. Reply to this.
Thanks a lot...
#146, Md. Faroqu Hossain, Dhaka, Bangladesh, 21 October 2009. Reply to this.
I've got a collection of cheat sheets for eveything from JQueryto mod_rewrite - they definately come in handy. I thought I knew everything about CSS, but this will be worth having.
Thanks!
#147, Ecommerce Web Design, United Kingdom, 22 October 2009. Reply to this.
Firstly, I've got to compliment and thank you for the extremely useful CSS Cheat Sheet.
Secondly, excuse me for ranting, but what the hell is wrong with that idiot, complaining about printing it in color? I applaud your witty response, but the sarcasm was probably too complex for such a primitive being.
I can only hope that with the rising cost of HP color ink cartridges, don't even talk to him about black ink printing, that he is driven into the depths of financial ruins from which he may never recover. In turn, failing to pay his ISP monthly bill on time resulting in his inability to ever post another ignorant commentary! Maybe in the future, he can redirect his dislike to Hewlett-Packard?
His thoughts aren't even worth the few bytes that they occupy on the web server's hard drive. I guess he needs every penny to pay for his Crack habit.
-Cheers!
#148, ThumpU, USA, 2 November 2009. Reply to this.
Thanks a lot !
May I suggest, for a future version, that you add shorthand properties order like for margin or padding. I never seem to remember wich comes after 'top', is it 'right' ? is it 'left' ?
#149, Pascal Conil-lacoste, France, 11 November 2009. Reply to this.
Thanks for the Cheat Sheet. You have saved me countless hours of thumbing through my OReily CSS book.
#150, Lance, Phoenix Arizona, 19 November 2009. Reply to this.
This is a very great resource i liked the way info has been shared very good keep up mate
thanks
#151, Mahendher reddy palwai, india, 21 November 2009. Reply to this.
Ok, but where are the css commands?
#152, Izdelava Strani, Slovenia, 22 November 2009. Reply to this.
Fantastic cheat sheet. I am sure it will come in handy for many. Time Saver. Thanks.
#153, William Rose, London, 24 November 2009. Reply to this.
fantastic post and a nice blog thanks
#154, Stefan, Germany, 10 December 2009. Reply to this.
Thanks for the cheat sheet & the funny comments section. I'm glad you didn't erase that jerk's comments. You just showed him who the real S*** for Brains is. I like the colors. He's the one who isn't hip.
Also, I love your website. I stumbled here from Google and it looks very handsome. I love the sides with those little shadowed lines. I hope mine looks this pretty once I finish it. Right now it looks like someone's puked up a formatting nightmare, I did some things horribly wrong. I don't know why I tried to do this myself... The cheat sheet helps, & the colors cheer me up. I still think I can fix this.
#155, Hayley, Canada, 14 December 2009. Reply to this.
#6 Excuse me? If you'd rather print it in greyshades then you should just tick the dedicated box in the "Advanced"-menu when printing. The very though to demand everyone to render a coloured- and non-coloured is just preposterous.
Anyway, what I came here for... Dave, thanks so much for this wonderful summary; it has proven itself useful for years now, same can be said about the "mod_rewrite" one. I would love to contribute to your Garmin Forerunner, if the Holiday Season wasn't so expensive already ;) You deserve it, though. Keep up the good work!
#156, Adrian, New Zealand, 23 December 2009. Reply to this.
Fantastic cheat sheet. I am sure it will come in handy for many. Time Saver. Thanks
#157, sevgililer günü hediyeleri, turkey, 6 January 2010. Reply to this.
I have been using a similar sheet to help me in my css styles. It has however become out of date as I have had it for more than 3 years now. The one you have provided here is certainly more up to date. I am going to use it henceforth for sure.
#158, Web Design uk, UK, 6 January 2010. Reply to this.
Thanks for this great resource. I Will probably print this out and stick it next to my monitor. I Should finally remember the following: dont put the padding on the div you want to pad. Rather create another div inside the parent div and pad that one out.
#159, Auto Insurance Quotes, USA, 8 January 2010. Reply to this.
Thanks was actually looking for some great tips to improve css thanks a ton
#160, festmények, Hungary, 13 January 2010. Reply to this.
Great cheat sheet - thanks!!
#161, hediye, 13 January 2010. Reply to this.
thx very usefull tips
#162, peyank, id, 20 January 2010. Reply to this.
Thanks good work my friend
#163, Kompresör, Turkey, 29 January 2010. Reply to this.
thanks for advice
#164, Hediye, Turkey, 30 January 2010. Reply to this.
thank you, very interesting.
#165, lazer-epilasypon, Germany, 17 February 2010. Reply to this.
thank you!.. very handy to have!
#166, Daddy Design, USA, 17 February 2010. Reply to this.
Thank you great article, this helps me a lot :)
good work ,go on my friend.
#167, Garaj kap?s?, Turkey, 23 February 2010. Reply to this.
Thank you great article, this helps me a lot :)
good work ,go on my friend.
#168, Urlaub Berlin, Germany, 24 February 2010. Reply to this.
This is the best CSS cheat sheet I've come across. Great Work!
#169, Trade Show Exhibit Design, U.S., 24 February 2010. Reply to this.
Thank you great article, this helps me a lot :)
good work ,go on my friend.
#170, So?utma Büyüsü, Vales, 15 March 2010. Reply to this.
There is a big difference between scope creep and scope change. Creep can’t happen if the business users have signed off on the requirements.
#171, canl? maç izle, england, 19 March 2010. Reply to this.
I liked the way info has been shared very good keep up mate
#172, Dollarkurs, germany, 26 March 2010. Reply to this.
Thank you, for the CSS Cheat Sheet.
#173, Real Gold Dortmund, Germany, 27 March 2010. Reply to this.
Great Cheat Sheet!!
#174, boxsail, Manchester, UK, 30 March 2010. Reply to this.
thank you (:
#175, kalp hastanesi, turkiye, 6 April 2010. Reply to this.
Your cheat sheets have been an invaluable tool for us, I wanted to say thanks!
#176, Randy Goldberg, USA, 14 April 2010. Reply to this.
thank you so much (:
#177, aspiratör, turkey, 26 April 2010. Reply to this.
great article my friend good work from you
#178, Fidos, Turkey, 6 May 2010. Reply to this.
Great CSS cheatsheet Dave, thanks for posting it on here.
#179, SJL Perth, Australia, 6 May 2010. Reply to this.
good post, it' s very useful for my work, thank you very much for sharing.
#180, military laser pointer, Hong Kong, 19 May 2010. Reply to this.
Great Cheat Sheet! Who knew you could use the words great and cheat sheet in the same sentence! ha!
Thanks again!
#181, DC web Design, USA, 21 May 2010. Reply to this.
Excellent work on these cheat sheets. Absolutely invaluable. I have a few of them laminated on a ring next to my workstation at all times for those moments when my brain just wont fetch that info I need.
If you are ever inclined to update this sheet again, I think it might be good to include the shorthand parameter order for the likes of margin, border and padding.
Something like:
X X X X
T R B L
X X X
T S B (S = sides)
X X
TB S
X
All
Other than that small suggestion ... perfect. Many thanks.
#182, Stryks, Australia, 5 June 2010. Reply to this.
Great CSS cheatsheet Dave, thanks for posting it found it really useful cheers
#183, Dream Media Design, United Kingdom, 8 June 2010. Reply to this.
A great contribution! Thank you for sharing this, we will find this very useful.
#184, Reverie Design, United Kingdom, 15 June 2010. Reply to this.
Great post! This was very helpful in helping me to developing my web site design! Keep up the good work!
#185, Trade Show Booths, 17 June 2010. Reply to this.
Great sheet! Despite there is a small mistake...
div, span = <div> and <span>
should be
div, span = <div> or <span>
to select an element that matches multiple classes, for example: <div class="a b"></div>, you can use .a.b (or div.a.b)
#186, Koos Luijk, Netherlands, 24 June 2010. Reply to this.
Hey thanks for posting these, really handy I will save for future reference! Thanks! :-)
#187, Coder, USA, 8 July 2010. Reply to this.
Hi;
After many use of your great cheat sheet, I did a French translation.
You can find it here : http://www.blog-expert.fr/outils/aide-memoire-css-351.html
Very nice job, most usefull !!!
#188, Sylvain, France, 9 July 2010. Reply to this.
Keep on the good job! Very nice job, most usefull !!!
#189, Webdesign, Netherlands, 13 July 2010. Reply to this.
very helpfull cheat sheet. I'm now printing it to paste on the wall behind my monitor
many thanks
#190, barkod sistemi, Turkey, 16 July 2010. Reply to this.
Excellent work on these cheat sheets. Absolutely invaluable. I have a few of them laminated on a ring next to my workstation at all times for those moments when my brain just wont fetch that info I need.
#191, barkod sistemi, turkey, 16 July 2010. Reply to this.
Thank you so much, beautifully done ... just what Ive been looking for :)
#192, Michelle Desa, India, 21 July 2010. Reply to this.
best on css ...
#193, matita occhi, IT, 21 July 2010. Reply to this.
Very nice.
Helpful guide for anyone needing a little hand with there CSS.
Thanks for the work
#194, Steam Multimedia - Web Design, Scotland, 21 July 2010. Reply to this.
great info for anyone needing a little help with css
#195, Dream Media Design, uk, 21 July 2010. Reply to this.
Great, very nice!
#196, hubert, schulz, 22 July 2010. Reply to this.
Fanstastic resource... specially to avoid problems while creating CSS... thanks a million.
#197, sydney web desig, Australia, 26 July 2010. Reply to this.
This is a valuable resource, it's printed and pinned up next to my computer. :) Thanks.
#198, Andre Morris, United States, 30 July 2010. Reply to this.
valuable resource, it's printed and pinned up next to my computer. :) Thanks.
#199, deleted, 3 August 2010. Reply to this.
Your cheat sheets have been an invaluable tool for us, I wanted to say thanks!
#200, rapidshare indir, turkey, 10 August 2010. Reply to this.
This is a great resource - we use this all the time! Many thanks. It's a shame it's only available in orange! :)
#201, Jonny Selves, UK, 11 August 2010. Reply to this.
great article and the css code works well
#202, Celik Kasa, Germany, 12 August 2010. Reply to this.
I was just wondering if you could create a version of this in HTML format (in addition to PDF and PNG), so I can open it up in my browser without an acrobat plugin, and still be able to do a text search.
#203, neil, 23 August 2010. Reply to this.
Hahaha great response.. hilarious :)
#204, Oso, NZ, 25 August 2010. Reply to this.
Hi there, I wanted to thank you for supplying this on the net. I personally like the colors shown as I do not know what color the hex numbers would produce. I would have to be going through them one at a time if it were not for you putting the actual color along with the hex number. What little ink this will take to print out is nothing compared to the time that it took you to compile all of this information and put it on your web site for all of to use for FREE. I appreciate your kindness in sharing your knowledge and your time.
Have a super nice day.
#205, Janice Williams, United States Oregon), 31 August 2010. Reply to this.
Thank you for a great CSS cheat sheet.
#206, Christine Signy, USA, 31 August 2010. Reply to this.
Thanks a lot, I didn't know that this kind of sheet existed until I found it googling. Great share, good job!
#207, Gigalpina, Spain, 1 September 2010. Reply to this.
Thank you very much for providing such a useful CSS cheat sheet! very helpful to me.
#208, astronomy lasers, 7 September 2010. Reply to this.
Great browsing the comments. Hard to believe some of the these comments. Great work. Thanks
#209, Rich, USA, 7 September 2010. Reply to this.
Great sheet mate its printed and up on my wall in the office. Put it on a few of the guys desks as well who think they know it all.
#210, James Tempo, UK, 9 September 2010. Reply to this.
Good stuff - looks like this post has got you a lot of attention over the last couple of years!! HTML/CSS editors like Coda etc. have code-suggest features so do help with getting syntax right, but a cheat sheet will always come in handy for those Monday mornings where one's brain is still in bed.
#211, Esvelte Web Design, UK, 9 September 2010. Reply to this.
Thanks for this cheat sheet. It's really helped me out and saved me a lot of time. Great for teaching CSS. Maybe add a CSS3 cheatsheet?
#212, Web Design Portsmouth, UK, 17 September 2010. Reply to this.
Nice sheet, a good reference point for me, my brain can't remember everything!
#213, Essex Web Design, UK, 18 September 2010. Reply to this.
Thanks for this - much appreciated - will come in handy :)
#214, Web Design, 20 September 2010. Reply to this.
Nice cheat sheet, a brilliant resource for helping us out. Thanks guys :)
#215, Ben Stokes, Uk, 25 September 2010. Reply to this.
This is a life saver on the train when I haven't got an internet connection and I can't remember that all important line of code. A massive thank you
#216, Adam Haynes, UK, 28 September 2010. Reply to this.
Great cheat sheet. You should post this on a web design forum. I'll point my members towards your post.
#217, web designers, England, 23 October 2010. Reply to this.
#49 thank you
#218, dezda, Türkiye, 9 November 2010. Reply to this.
Thanks for this cheap Sheet. Nicely done, I will be back for cheap sheet for css 3 :) will you make one?
#219, Remonty, Poland, 13 November 2010. Reply to this.
Thank you for these. I'm just getting started with HTML, so the cheat sheet will be a huge help.
#220, NoFace, USA, 13 December 2010. Reply to this.
I really enjoyed reading this post, big fan. Keep up the good work and please tell me when can you publish more articles or where can I read more on the subject?
#221, vacatures, India, 26 December 2010. Reply to this.
Sorry i forget to send you my page.
#222, Otomatik Kepenk, 6 January 2011. Reply to this.
Thanks for sharing this, I have been trying to sort out a problem for a client over the last few weeks and stumbled across this by chance. It's just the information I needed.
#223, Jonathan, UK, 7 January 2011. Reply to this.
This is perfect - I downloaded the CSS cheatsheat yesterday and it's already blu-tacked to my office wall! Just thought I'd come back today to say thanks guys.
#224, chandlerm, UK, 18 January 2011. Reply to this.
This is great! I must have printed it about 9 times in as many months as I think everyone else keeps stealing my cheat sheet! Thanks again!
Nick
#225, Nick, UK, 18 January 2011. Reply to this.
If only I had stumbled upon your site earlier I could have saved myself a whole load of time. I have printed this out for both myself and my colleagues.
Thank you so much.
Fraser
#226, Fraser, UK, 31 January 2011. Reply to this.
Nice cheatsheet...I'll keep it somewhere...you never know!
#227, Vasilis Mavroudis, 4 February 2011. Reply to this.
Nice CSS Sheet, do you have some for Joomla?
#228, Cemil Kaya, Newsealand, 17 February 2011. Reply to this.
Thanks for this, I use this alot, I also have a few suggestions - that I'll email to you as possible additions to the list - if thats ok ?
#229, Mike Allen, UK, 26 February 2011. Reply to this.
Good info Dave. Cheers for putting it together. Do you have a new one anywhere on the site for CSS3?
Ant :-)
#230, Ant, UK, 28 February 2011. Reply to this.
Got this printed out on my wall at work - any chance of a CSS3 version?
#231, Luci, UK, 3 March 2011. Reply to this.
great job with the cheatsheet :)
As for duped, happy days! Let me just get this right, you downloaded a helpful resource that somebody has offerered for free. You have then carelessly printed without a thought in the world, yet YOU have been duped?
Duped into what exactly, printing the sheet? Yes that's in fact right, Dave is wholly responsible for your printer use. Why don't you add your paypal address here and we can all slip you a couple of quid to cover the costs?
Dave, thank you for your quality response to duped. He ruined my day.
#232, Keurig, USA, 8 March 2011. Reply to this.
This is going to save me a ton of time - thanks alot! I could also do with a CSS3 one!
#233, Rob, UK, 20 March 2011. Reply to this.
I was googling about Css Cheat Sheet and came to this article. Thank you very much.
I myself will ask for a CSS3 like the other dudes above do. You will have our eternal love for this lol
#234, George, Greece, 26 March 2011. Reply to this.
even now with html5, i don't know if it's the right thing to apply pseudo classes and such. I mean there are many people using IE 6 even today. Let's not speak about big companies that haven't upgraded their browsers yet....
#235, alexis, greece, 5 April 2011. Reply to this.
Handy. Well done.
#236, Bruce Findleton, US, 6 April 2011. Reply to this.
even now with html5, i don't know if it's the right thing to apply pseudo classes and such. I mean there are many people using IE 6 even today. Let's not speak about big companies that haven't upgraded their browsers yet....
#237, musluk, usa, 7 April 2011. Reply to this.
I downloaded the CSS cheatsheat yesterday and it's already blu-tacked to my office wall! Just thought I'd come back today to say thanks guys.
#238, gizlesene, USA, 9 April 2011. Reply to this.
Great resource thanks for sharing it
#239, Frans, UK, 12 April 2011. Reply to this.
I printed it and hang on on my wall thank you very much. I always forget what are the Pseudo-Selectors and it may keeps me know !
#240, --, Turkey, 14 April 2011. Reply to this.
Very usefull and practical. Did you make cheat sheet for 3.0 also? Thanks!
#241, Pozycjonowanie, Poland, 28 April 2011. Reply to this.
That cheat sheet is killer! Could do with an up to date one :] Would help with modern web design!
#242, Ian Hart, UK, 10 May 2011. Reply to this.
Great Sheets
#243, --redacted--, Germany, 21 May 2011. Reply to this.
Awesome. Any plans for a CSS 3 cheatsheet?
#244, --redacted--, United States, 25 May 2011. Reply to this.
Really useful cheat sheet- Roll on a CSS3 Cheat Sheet!
#245, Jack Manley, UK, 13 June 2011. Reply to this.
Just to echo some of the other comments - a CSS3 sheet would be very well received. This one has been printed and stuck up on my wall.
#246, Tom, England, 14 June 2011. Reply to this.
Arigatougozaimasu!
#247, kcp, Japan, 24 June 2011. Reply to this.
This is going to save me a ton of time - thanks alot! I could also do with a CSS3 one
#248, vefk, 26 June 2011. Reply to this.
This is excellent, have printed out and put on the wall for me and colleagues as quick reference, thanks.
#249, nameless, UK, 28 June 2011. Reply to this.
thanks a lot!
#250, Estrella, 2 July 2011. Reply to this.
Great reference guide, very neat to use for all our future designs, thanks for sharing , much appreciated
#251, Peter, uk, 3 July 2011. Reply to this.
That,s great that you provide second version of CSS.CSS allows the author to define dimensions and colours in many different ways ,thats great change.
#252, Eman, United Kingdom, 15 July 2011. Reply to this.
This is definitely a big help. Cheers!
#253, James, 15 July 2011. Reply to this.
I love this..i am very week at css and always forget things and google for everything. but this pdf would help me a lot. thanks for sharing.
#254, Rick, UK, 21 July 2011. Reply to this.
Life is so much easier when you know how, thanks!
#255, gary Pritchard, UK, 21 July 2011. Reply to this.
Thank you great article, this helps me a lot :)
good work ,go on my friend.
#256, Adana, adana, 29 July 2011. Reply to this.
Hay and thx for the cheat sheet it came well to hands!
#257, Hey, Sweden, 1 August 2011. Reply to this.
Great Download, it is hanging near my desk
#258, Jon Davis, USA, 3 August 2011. Reply to this.
Best regards for the cheat sheet ! very helpful.
#259, Matt, uk, 9 August 2011. Reply to this.
This is excellent, have printed out and put on the wall for me and colleagues as quick reference, thanks.
#260, RD, UK, 10 August 2011. Reply to this.
Hello thank you for this refererence. I love css :)
#261, --, italia, 11 August 2011. Reply to this.
I find this CSS cheat sheet extremely helpful, and I strongly believe every web designer should always use it as a reference point.
#262, --, Nigeria, 15 August 2011. Reply to this.
Thanks for the cheat sheet Dave, neat layout
#263, Sam Logan, UK, 16 August 2011. Reply to this.
Thank you Dave for this helpful CSS cheat sheet its a great reference for the web design
#264, --, Greece, 4 September 2011. Reply to this.
Helpful article and well writen. Css is an entire world of code that can make miracles!
#265, --, greece, 9 September 2011. Reply to this.
Thank you!
#266, Fintan, Ireland, 15 September 2011. Reply to this.
#7 Hahahahaha OWNED!! I hope Not Paying Attention tuned in to that session of ass wooping. Dang, I wish I could put people in their place like that.
You are a LEGEND.
#267, --, USA, 22 September 2011. Reply to this.
thanks so much :) <3
#268, Warunee, Thailand, 23 September 2011. Reply to this.
This is excellent, have printed out and put on the wall for me and colleagues as quick reference, thanks.
#269, Genç Odas?, 23 September 2011. Reply to this.
Great work! Thanks for this
#270, Alex, 27 September 2011. Reply to this.
Thanks Dave. One for the wall
#271, Aaron, England, 10 October 2011. Reply to this.
Love the epic response. Somebody needs to chill out and learn to use a printer!!!! HAHAHA
#272, Ciro, USA, 17 October 2011. Reply to this.
This is excellent, have printed out and put on the wall for me and colleagues as quick reference, thanks.
#273, Promosyon Konya, 19 October 2011. Reply to this.
This is awesome! Having it printed at A2 to go up in the office!
#274, JM, United Kingdom, 3 November 2011. Reply to this.
This is currently above my desk - such a great thing to have to refer to!
Any news on a CSS3 version?
#275, Jack, United Kingdom, 5 November 2011. Reply to this.
Just came across this brilliant cheat sheet, would be awesome to see an update to this. Thanks
#276, Turgay, UK, 7 November 2011. Reply to this.
Love the epic response. Somebody needs to chill out and learn to use a printer
#277, tadilat, 15 November 2011. Reply to this.
Thanks for this. I can really use this cheat sheet when doing my web work. Really appreciate you sharing this to everyone.
#278, Louie Drake, USA, 16 November 2011. Reply to this.
Thanks for the cheat sheet, it will prove helpful.
#279, Joel Thomas, usa, 16 November 2011. Reply to this.
Awsome, thanks for the cheat sheet. Ive printed it and put it on the wall in the office!
#280, Keith, Uk, 17 November 2011. Reply to this.
Keith, Thats mean... you printed and put this on the office wall two days ahead of me.
Dave, really useful stuff you have. Im from the times when we were using tables and this tableless stuff has always sounded complicated as well as exciting to me but Im sure your cheat sheet will make it easier for me.
#281, N, India, 19 November 2011. Reply to this.
Hi Dave. Great cheat sheet for CSS. One of those things us designers all need. Keep up the great work.
#282, prab, UK, 23 November 2011. Reply to this.
Thanks Dave, we have used this cheat sheet and its a life saver. I have also passed it around our in house dev team and you have saved us a packet of time. Nice one. Joe
#283, Joe, United Kingdom, 23 November 2011. Reply to this.
Thanks Dave this is great
#284, Charlie, UK, 23 November 2011. Reply to this.
Thanks!
#285, David, UK, 24 November 2011. Reply to this.
The more I am using it, the more useful I find it. This cheat-sheet is the best pinned paper on my desk now but just wondering if there is a newer version in case anything has changed since this was published in 2008.
#286, Naveen Bhalla, India, 25 November 2011. Reply to this.
This'll save me bags o'time. Many thanks!
#287, Jamie, UK, 28 November 2011. Reply to this.
I printed it and hang on on my wall thank you very much. I always forget what are the Pseudo-Selectors and it may keeps me know !
#288, bartristan, United States, 21 December 2011. Reply to this.
Nice cheat sheet, Dave, a fantastic reference point..
#289, --, turkey, 23 December 2011. Reply to this.
A great post and a very useful cheat sheet. Keeping css selectors in your head is difficult to say the least. Having this to hand makes life considerably easier. Thanks for sharing.
#290, Keith Miller, UK, 1 January 2012. Reply to this.
Late onto this but it's a great post. Thank's Dave!
#291, Danny, 9 January 2012. Reply to this.
Late into the scene as well but I been teaching myself CSS in the last month and this has been a really helpful and making it easier having all this info in one sheet. Thanks!
#292, Ray C, United States, 9 January 2012. Reply to this.
A great CSS help, just found it now. Thank you from Switzerland.
#293, Philipp, Switzerland, 15 January 2012. Reply to this.
I've been learning CSS for quite a few weeks now. I've found multiple cheat sheets although this is right up there with the best of them! Thank you very much.
#294, Tim, United Kingdom, 24 January 2012. Reply to this.
Hey thanks for this cheat sheet. My CSS is not so great, i'm pretty sure this will come in handy
#295, Sam, usa, 28 January 2012. Reply to this.
Really handy resource, thanks so much for much for putting this together
#296, Deb Newman, United Kingdom, 30 January 2012. Reply to this.
I have printed this out and have stuck it right next to one of my screens! Before I was going into my HTML/CSS editor and then using the tool to find the right code. Now its really easy!!
Thanks and don't listen to that fool above who didn't like it!
#297, Tim Tavender, UK, 8 February 2012. Reply to this.
Dave this is really quite awesome and will save one of our newer web designers a fair bit of time, thanks.
#298, NZ, New Zealand, 9 February 2012. Reply to this.
#7 Many thanks for sharing this has helped me out greatly.
PS great responce to the not so appreciative comments!
#299, michael, uk, 13 February 2012. Reply to this.
Very nice article! Thanks!
#300, Epam, 7 March 2012. Reply to this.
Thanks a ton.. Helped a lot
#301, Anonymous, 12 March 2012. Reply to this.
Thanks so much for this Dave, really really useful for me.
#302, Richard Andrew, United Kingdom, 30 March 2012. Reply to this.
Hi Dave great post, will use in my next website coming up
#303, tina, London, 6 April 2012. Reply to this.
The cheat is great. I like the way you have categorised items. I was looking for a solution in the boxed model and it was very easy to locate on your cheat sheet.
#304, Tim, UK, 12 April 2012. Reply to this.
Always good to have easy reference sources like this. Thank you very much.
#305, --, UK, 26 April 2012. Reply to this.
I'll add my voice to the congratulatory throng, this is so handy I've got it pinned up on my office wall. Awesome work and a huge timesaver.
#306, Jon, UK, 29 May 2012. Reply to this.
Great cheat sheet, helps out loads, I was lucky to stumble on it :)
#307, Tom Davies, UK, 7 June 2012. Reply to this.
Awesome stuff! Thanks Dave you rock!
#308, Miguel, USA, 19 June 2012. Reply to this.
Dear sir,
Thank you so much for taking your time to create this wonderful chat sheet. It has been of great help to me. I love the way you answered that 'mentally retarded one' at No.6. Congrats for the great work!
#309, Evans, Ghana, 27 June 2012. Reply to this.
Awesome, this is going to be a fantastic resource as I'm trying to brush up on my basic CSS skills. Thanks for sharing, much appreciated!
#310, Mark, United Kingdom, 16 July 2012. Reply to this.
Awesome information Thank you!!
#311, Nic Cohen, United Kingdom, 18 July 2012. Reply to this.
Forgot to mention I didn't think the download was too artsy fartsy as Mr S*** for Brains commented...
#312, Nic Cohen, United Kingdom, 18 July 2012. Reply to this.
This is really handy, as I'm a marketing manager in a web design agency. This quick reference will help me out a ton. Is there going to be an updated one for CSS3?
#313, Andy Creode, United Kingdom, 18 July 2012. Reply to this.
This cheat sheet truly demystifies CSS. Great job, Dave!
#314, Donald, Thailand, 23 July 2012. Reply to this.
I hope Not Paying Attention tuned in to that session of ass wooping. Dang, I wish I could put people in their place like that.
#315, feyt, 26 July 2012. Reply to this.
Thank you so much for this helpful CSS sheet! Incredible!
#316, Suzuka, USA, 31 July 2012. Reply to this.
Keeping css selectors in your head is difficult to say the least. Having this to hand makes life considerably easier.
#317, Roger Nols, USA, 8 August 2012. Reply to this.
I have used you cheat sheet for the last seven months now. It is the best. Our customers have finally upgraded to IE9 and now I am looking for a CSS3 sheet but no one is as good as the one you made. Maybe a css3 version would somehow get it self on this webpages? ;-)
#318, Ronny, Norway, 16 August 2012. Reply to this.
Thanks for this cheat sheet, i've used it for sometime and have put lots of people onto it now, very handy.
#319, Alan, UK, 18 August 2012. Reply to this.
This is the best CSS cheat sheet I've come across,cheers
#320, ianb, uk, 27 August 2012. Reply to this.
Thanks for the cheat sheet, this is awesome. Ignore the complaints, if you dont like it, keep searchin! Thanks again and keep up the good work!
#321, Howard Toole, United States, 30 August 2012. Reply to this.
Good for you to go to the trouble to help out so many. I've passed this on to everyone else in the office and they've all used it. Keep up the good work!
#322, Alan, UK, 7 September 2012. Reply to this.
This is an amazing cheat sheet, much appreciated and keep up the good work.
#323, Jacob, UK, 7 September 2012. Reply to this.
Just wanted to say thanks, such a timesaver!
#324, Rich, UK, 10 September 2012. Reply to this.
Thank you, thank you, thank you!!!!!! I have so much trouble remembering the small details sometimes that these cheat sheets are a God send {and so are you!}!!!!!!!!!!!!!!!!! I was sooooo thrilled to find these that I'm printing and laminating them at work in the morning {going in early, not on company time...:) ). Keep up the awesome work! You make my job just a little easier!
#325, Sarah Smith, U.S., 19 September 2012. Reply to this.
T.Y. Dave !!!
#326, comgate, 25 September 2012. Reply to this.
Thanks Dave this is great info im often scratching my
head withh CSS coding and this will be printed off and saved in by very useful file
Mike
#327, Mike Frensham, UK, 25 September 2012. Reply to this.
Dave - Thanks for putting in all the time to make the CSS cheat sheet! Truly awesome, I printed 10 copies for the entire office :-)
#328, Bill, USA, 14 October 2012. Reply to this.
OK so it's been around a while and could do with an update but it's still a great start for anyone new to CSS. Thanks!
#329, Simon, United Kingdom, 16 October 2012. Reply to this.
It has been of great help to me. I love the way you answered that 'mentally retarded one' at No.6. Congrats for the great work!
#330, Richard Soldis, US, 17 October 2012. Reply to this.
Came here through lifehacker when designing my wp website. Downloaded Your cheatsheet. Its really good.
#331, Hemant Aggarwal, India, 23 October 2012. Reply to this.
Many thanks for the cheat sheet & all the superb comments.
#332, Brian McGuffie, UK, 7 November 2012. Reply to this.
ok i'll have to let you know that post already earned a place on my wall. thank you so much !
#333, george T, Greece, 14 November 2012. Reply to this.
This is excellent, printed it out and got it sat on my desk. Thankyou.
#334, Karl Salt, England, 19 November 2012. Reply to this.
Thanks a lot Dave! Cheat sheets are always very useful! I just bookmarked your page!
#335, Christina, Greece, 26 November 2012. Reply to this.
I've been looking for this kind of info, so thanks for your post. I agree it probably needs a bit of tweaking but I have some good insights now on what I need to do with some customisation.
The colour comments were the best! :)
#336, Mick, UK, 6 December 2012. Reply to this.
Thanks for posting, very handy when working on web design projects!
#337, The Web Taylor, 6 December 2012. Reply to this.
Thanks for this & for the updated version.
#338, Hayley Clare, UK, 10 December 2012. Reply to this.
lol, the guy complaining here makes me laugh. You've got to be joking... If you're trying to learn CSS, or anything on a computer for that matter:
Step 1: Learn to user a printer.
Step 2: Learn to edit the document to fit your "needy ass."
Step 3: Learn to quit crying.
Step 4: Learn to post information that's helpful and not detrimental to anyone's great work, such as this. This guy, Dave_Child is going out of his way to help you. What do you do in return? That's not a programmer's attitude, it's a common street-punk's attitude. I used to be one.
#339, codiddle, 23 December 2012. Reply to this.
Dave, thank you for this...it's been a great a help.
#340, mike, uk, 23 December 2012. Reply to this.
Hi all. Please note that the cheat sheet is still free, if you prefer, from Cheatography - the link is at the top of the page.
#341, DaveChild, United Kingdom, 27 December 2012. Reply to this.
A great resource and well worth the money! Thank you.
#342, Iain Campbell, UK, 1 January 2013. Reply to this.
Thanks, exactly what I needed. Bookmarked this bad boy, cheat sheets are always very useful!
#343, Aaron, UK, 2 January 2013. Reply to this.
This was such a very good article. I really feel like I have learned so much from this great site. Please keep up the great work.
#344, Writinghunt blog, London, 2 January 2013. Reply to this.
Why it's not freee?!?!?!?????!?!?! :(
#345, Fdrg, Romania, 3 January 2013. Reply to this.
I followed a link here for a free cheat sheet, but this is $2. It seems that it was free for a long time, so why the cost now?
#346, Gina, USA, 21 January 2013. Reply to this.
This is a brilliant idea, saves loads of time and ultimately stops bloated CSS.
Genius!
#347, Adam, UK, 24 January 2013. Reply to this.
Any chance there's a mirror for the older, free upload?
#348, Zachary Melo, Canada, 1 February 2013. Reply to this.
This cheat sheet helped me out a lot, thanks.
#349, Matt Walker, UK, 11 February 2013. Reply to this.
Great reference idea for beginners in CSS.
#350, John, UK, 13 February 2013. Reply to this.
Great reference
#351, sean paylio, england, 3 March 2013. Reply to this.
Great stuff! But it's possible to get in Black and White format, it would be useful to print it!
Thank you for your nice work
#352, Agua, Spain, 8 March 2013. Reply to this.
Great post! Thanks Dr Evil :0)
#353, Mark Ford, UK, 2 April 2013. Reply to this.
Hello Dave, you are a star thank you...it's been a great a help.
#354, Marianne McDougall, Scotland, 9 April 2013. Reply to this.
Thanks very much for preparing this CSS sheet - incredibly useful to have on the desk whilst designing.
#355, John, UK, 25 April 2013. Reply to this.
Thanks Dave! Sill some relevance even though this was created years ago. I echo the comment of some of the others. Would love to see one on CSS3 and HTML5..
#356, Ryan Davidson, United States, 8 May 2013. Reply to this.
some fantastic information on CSS here, defiantly will take this back to the team tomorrow at work.
#357, Backlinks, Australia, 21 May 2013. Reply to this.
This is great - I have a similar one on my smartphone but you really can't beat something on paper.
#358, Andy Varley, UK, 9 June 2013. Reply to this.
What a useful post! I'm a newbie with CSS and I found your blog while searching for information on the internet,. Thanks for the tutorial in Spanish, Dave.
Greetings.
#359, Abel, Spain, 10 June 2013. Reply to this.
Thanks! Very usefull
#360, Mary, 12 June 2013. Reply to this.