6 Simple Tips for Better CSS

Andre at his design blog had a great post that talked about the guidelines to design a better CSS style sheet. Yeah, it is one of the best post recently about CSS and you may bookmark it no doubt. The 6 important elements included Reset your CSS, Global styles, Be nice to your hyperlinks, Group your elements into general categories, Style your elements in the order that they appear and Sort your properties. For the full article, please click here and have a nice reading.

1. Reset your CSS
The first thing you should add to your document when building a new site is a global CSS reset file. This will minimize the rendering differences of elements across browsers. It does this by mainly stripping common elements of their inherit margins and padding. However, you need to make sure you go back and add your own values in your regular CSS file. Also, it is extremely important that you load the reset CSS file before any other CSS by importing it or placing its ‘link’ tag before your regular CSS file appears in the document.
Grab a CSS reset file here: http://www.andregriffin.com/files/reset.css