position: absolute - Design resources and inspiration.

Using CSS shorthands instead of the regular rules will help reduce the weight of your CSS files dramatically. Instead of writing bloated rules such as:

element {
  background-color: red;
  background-repeat: no-repeat;
  background-image: url(image.png);
}

we could use the following, which does exactly the same thing:

element {
  background: red url(image.png) no-repeat;
}

To make our life easier, Dustin Diaz has compiled a comprehensive CSS shorthand guide, explaining all the possibilities and highlighting some of the quirks and things you need to keep in mind.

• Permalink
• Filed in: CSS
•