30+ CSS Cheat Sheets & Quick Reference Guides
I would be hard pressed to find a web designer or web developer who doesn’t like a helpful CSS Quick Reference Card or Cheat Sheet. Cheat Sheets can help you save so much time and can really help you learn about CSS in an easy to understand format. I have gathered a list of CSS cheat sheets that I have found to be the most helpful.
Antharia: CSS Cheat Sheet (PDF)
A CSS Reference Guide and Cheat Sheet in PDF Format.
Apple’s CSS Cheat Sheet Widget (Mac Dashboard Widget)
About.com: Basic CSS Cheat Sheet
This cheat sheet covers the basics of CSS: What CSS is, How to add style sheets, Basic CSS syntax, and Font, text, color, backgrounds, and some box properties.
About.com : 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, and Using float for layout.
Added Bytes: CSS Cheat Sheet (V1)
The CSS cheat sheet is designed to act as a reminder and 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. A description of what is on the cheat sheet follows, or if you are impatient, you can go straight to the full size CSS cheat sheet.
Added Bytes: CSS Cheat Sheet (V2)
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.
Download the latest version from http://code.google.com/p/blueprintcss/ and add this lines into the of your page. Check that your href path is correct.
CommunityMX: CSS Cheat Sheet: Inheritance, Cascade, Specificity
Even seasoned CSS developers need a quick refresher course in CSS concepts and techniques from time to time. This CSS Cheat Sheet is designed for just that need. Use it as a reference for topics that you’ve already learned about in-depth but need a few reminders on. If you’re still a beginner to CSS, use it to learn the nuts and bolts of working with CSS, then use our other articles, listed at the end of this one, to extend your learning and practice your new skills. This Cheat Sheet reviews how the fundamental CSS concepts of inheritance, cascading and specificity work.
Cogeco : CSS Quick Reference Guide
This page is guide of the most commonly used CSS measurements, properties and values, selectors and media types. For the definitive specification of CSS refer to the W3 consortium website. CSS 2.1 is the current recommendation.
CSS Shorthand Cheat Sheet (PDF)
A very well illustrated CSS shorthand cheat sheet and guide.
Design 215 : CSS Quick Reference Guide (PDF)
A quick reference chart, listing only the CSS features that work in most browsers. CSS Functions only supported by Internet Explorer are not listed.
Digilife : Cascading Style Sheets Level 1 properties Cheat Sheet : (PDF)
A quick reference guide for CSS users including text properties
Dev Guru : CSS Quick Reference Guide
A quick reference guide for CSS2 from Dev Guru.
Dustin Diaz: CSS Shorthand Guide
There is no official guide for each and every CSS shorthand property value. So let’s work together and put one together shall we? Ok. Straight to the business. Anytime I’ve ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you’re supposed to be set on your way. Well well. Over the years, I’ve found quite some interesting unknown quirky facts about these shorthands… hence this Guide was born.
Reference cards are concise guides you can keep handy when mastering a new skill. They are cheatsheets on steroids. DZone produces an attractive weekly series of RefCardz, including this great two-part series on CSS web design. The RefCardz series is geared towards developers — however these two free guides are a great resource for web designers deepening their CSS skills.
eGenius: Cascading Style Cheatsheet
A cheat sheet and quick reference guide to basic CSS concepts, units, cascading, fonts, color properties, background properties, text properties, boxes, box properties, classification properties, positioning properties, pseudo-classes and pseudo-elements, printing properties, etc.
Elizabeth Castro : CSS Properties and Values
This is a very hand help sheet to have to remember all of the CSS properties and values.
Free Net Builders - CSS Cheatsheet
A Cheat Sheet for css refrence
GoSquared : Liquidicity CSS Help Sheet (PDF)
A great CSS sheet sheet and quick reference guide that is put together in a very easy to follow format.
The CSS Cheat Sheet is a listing of commonly used selectors and properties.
Ian Graham : CSS Level 1 and CSS-P Quick Reference Charts (PDF)
Ian Graham’s site has this cool cheat sheet to use as a quick reference guide to CSS.
Idea3 offers a nifty CSS cheatsheet and quick reference guide for font properties, backgrounds, borders, text formatting, layout formatting, link attributes, colors, units, position property, overflow, clipping, z-index, etc.
IFSkinZone: CSS Cheat Sheet (HTML)
Find out the Default CSS w/ Descriptions.
Javascript Kit: CSS Reference Guide
CSS Reference (based on MSDN and WC3 CSS reference)
Kaushik’s Tech Blog : CSS Cheat Sheet
Here’s a handy cheat-sheet for most of your CSS needs.
KillerSites : HTML and CSS Codes
This page contains a list of up-to-date HTML& CSS tags / codes, complete with comments and mini video tutorials - just click on the corresponding links to launch the video.
Leigeber : CSS Shorthand Cheat Sheet by Example (PDF)
Try and use these principles whenever you code and before too long shorthand will become second nature.
Leslie Franke: CSS Cheat Sheet
A great cheat sheet and quick reference guide to CSS for syntax, fonts, text, borders, box models, backgrounds, and lists.
Liberty Boy : Cascading Style Sheets Quick Reference Guide
Cascading Style Sheets Quick Reference.
NHS Designs: CSS and Web Design Cheat Sheet
A resources cheat sheet for web design and CSS codes.
Peter Frietag :CSS Cheat Sheet and Quick Reference Guide
Not as pretty as some of the other cheat sheets, but it is worthwhile to take a look at.
Quick Reference to Cascading Style Sheets, level 1 - A Quick Reference to CSS, Level 1.
Size Factory - The CSS cheat sheet provides an at-a-glance perspective of common CSS practices; it’s one of the few times when cheating won’t ruin your karma.
Tag Index : CSS and HTML Cheats and Codes
HTML and CSS Quick Reference .. HTML Tags, CSS Properties, Codes and Examples.
TampaBay: Cascading Style Cheatsheet
This document styled to print well in portrait orientation, medium text size, with one inch or less margins. Promiscuously compiled and edited, this document is a convenient guide to the most common styles, meant to be neither authoritative nor complete. I thank the public response which has given this page #1 ranking at Google and equal ranking at Yahoo.
TamHSC : CSS Cheat Sheet (PDF)
A shorthand guide to CSS for those who want a quick reference.
This is a cheat sheet for creating Cascading Style Sheets (CSS) files.
Tech-Evangelist: Using CSS Shortcuts
CSS shortcuts combine cascading style sheets rules into one efficient line of code. If your web site uses large stylesheets, cutting down on the amount of CSS code can help your code to load and render faster.
Veign : CSS Quick Reference Guide
Quick reference guide for CSS 2.
CSS reference guide for Background, Border, Classification, Dimension, Font, Generated Content, List and Marker, Margin, Outlines, Padding, Positioning, Table, Text, Pseudo-classes, and Pseudo-elements
YUI Library: CSS Reset, Base, Fonts, and Grids (PDF)
YUI works in both “Quirks” and “Standards/Strict” browserrendering modes, but we suggest using Standards mode by specifying this Doctype:
'ㅁ‥‥Design' 카테고리의 다른 글
| 120 Brilliant Logos (0) | 2008.12.24 |
|---|---|
| 40+ CSS Generators, Creators, and Makers (0) | 2008.12.24 |
| Best of CSS Design 2008 (0) | 2008.12.24 |
| 10 Principles of the CSS Masters (0) | 2008.12.24 |
| CSS Editors Reviewed (0) | 2008.12.24 |
| 45 Beautiful Free Fonts for Modern Design Trends (0) | 2008.12.24 |
| Top 7 Fonts Used By Professionals In Graphic Design (0) | 2008.12.24 |
| 21 Inspirational Typography Artworks from DeviantArt (0) | 2008.12.24 |
| 15 Beautiful High-Quality Free Fonts (0) | 2008.12.24 |
| 50 Incredible Fonts for Professional Web & Print Design (0) | 2008.12.24 |
WRITTEN BY
