Web design has come a very long way since the days of tables and spacer .gifs, and when CSS finally got support from most browsers, a whole new world of options opened for web developers and designers. With CSS, or Cascading Style Sheets, we can successfully separate the content markup from the design and aesthetics. This allows us to efficiently and easily manipulate any site design in a completely different CSS file.
With CSS 3 gaining support from more browsers (especially Safari and Firefox) we have many more options than the early days of the web. However, with all of these CSS options can come clutter, large and tedious CSS files, and extremely repetitive style declarations. So how can we cut back on the amount of CSS declarations and clutter? The answer is simple. We can use CSS shorthand properties available to us. Using shorthand properties will allow us define to multiple style properties within one CSS declaration. Some are very easy to understand and use, others are a bit trickier. Today we will have an in depth look at 20 CSS shorthands we are sure you will love.