So, you’ve designed your website and got sign off on the visuals and now you’re going to start the site template in HTML and CSS, but where do you start? I find that one of the first things I do is to include a reset stylesheet, as it makes everything a whole lot easier to work with.
Reset style sheets remove all the default browser styling so that you can start from a blank canvas which is the same in all browsers. Personally I find it a lot easier to add styles from scratch to get where I want to be rather than removing and editing the default ones from the browser.
There are a few options available, but the most common are Yahoo’s effort (http://developer.yahoo.com/yui/reset/) and my personal choice from Eric Meyer (http://meyerweb.com/eric/tools/css/reset/).
As you can tell, I think they’re great but I know plenty of other people who prefer not to use them. I’m sure you can find plenty of blogs discussing the pros and cons but at the end of the day, its all about what you feel comfortable with.
It’s worth also pointing out Ed Eliot‘s cut down version which only includes the most commonly used elements and is slightly lighter.
If you enjoyed this article, please consider sharing it!
