Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Layout Techniques Display Modes Which CSS Reset Method Should I Use?

When to use CSS Reset Method

So should we always use a CSS Reset Method and if not, when should it be used?

3 Answers

John Grillo
John Grillo
30,241 Points

One way to look at it is if you're doing a large project, like the Oregon Health Plan site, then reset.css is the way to go as you're leaving nothing to chance. You're nuking it and rebuilding upon the ashes.

Normalize.css assumes that you're zeroing out the more common elements bu still want to preserve the useful ones, like tables and <input> for example. Normalize.css, based on my experience and my web dev teacher, is that it tends to make things look and act like they do in Google chrome. I've made one or two websites where it didn't quite work out if I used firefox or opera instead, but I think this will be a rarity. For the majority of your uses, you should be ok with Normalize.css

Chris McKay
Chris McKay
2,401 Points

Yes you should always use a reset method.

Due to lack of standards around it, each browser manufacturer creates their own styling for their browser, leaving each browser's default base rendering of elements different. This, of course, causes inconsistencies across browsers that must be fixed. - http://pointnorth.io/#styling

So I should always use reset and normalize? It seems to me that using Normalize only can be just as effective.

You would want to use one or the other. That said, I think for 99% of use-cases, Normalize is the way to go. All 'Reset CSS' does is 0's everything out, to the point where you're left defining font-weight for <strong> tags and so on.

I really can't think of anywhere the 'Reset CSS' method would be advantageous.

EDIT: I think there's some confusion in that 'Normalize' is a way to reset the CSS & so is the 'Reset CSS' method described first in the video. Again, you'd only need to use one or the other.