Unlike your cheats when you were still studying in school, there is nothing illegal about CSS cheat sheets. I tell you guys this is totally legit! CSS cheat sheets are intended as guide for designers to make their work load a lot easier. Cheat sheets contain all selectors and properties, visual example of box model and whole lot more. In this regard, cheat sheets are sometimes indispensable especially for beginners.

Properties List

Because there are lots of properties in cascading style sheets a number of people find it so hard to understand which in most cases become sources of simple to more complicated problems are. This list includes shorthand properties. The outside columns of the cheat sheet list all available CSS properties.

Syntax

Syntax in CSS is really something very challenging to learn. Oftentimes you will need to use plenty of time just to familiarize yourself with the syntax.

Selectors

Given the number of possible selectors in CSS, it is no wonder some people often become confuse. 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.

Media Types

One of the reasons CSS is so powerful is that it makes allowance for different types of devices accessing the same data. This is controlled through media types, and though they are not used in CSS as much as many would like, the chances are that this will change and media types will become more important. This section lists the various media types defined in CSS 2.1.

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.

Units

CSS allows the author to define dimensions and colors 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.

Properties that Inherit

Inheritance is another area that trips up new and experienced CSS developers alike. An element within another element can use the same value as its ancestors. For example, if you define a font family for a <div>, and next a <span> within it, the <span> will use the same font family as the <div>, unless explicitly set to be different. Not all properties inherit though, and this section lists (alphabetically) those that do.

Want to find out where this article was adapted? Check out http://www.ilovejackdaniels.com/cheat-sheets/css-cheat-sheet/.

Tags: Cheat Sheets Here. Cheat Sheets There. Cheat Sheets Eve