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! While you're at it, check out some resources Treehouse students have shared here.

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?

Posted by Louis Delgado
Louis Delgado
10,182 Points

is there a good rule of thumb to use for picking between the two?

If Guil said it I missed it but is there a quick little jingle or rule of thumb out there to remember when picking between the two? Reset CSS Vs Normalize.css?

3 Answers

Aurelien Roux
Aurelien Roux
25,567 Points
Aurelien Roux
Aurelien Roux
25,567 Points

Meyers's reset cancels EVERY style which guarantee you will have no problems after, but also mean you have to rewrite a style for every element. In the end, that can be very time consuming. Normalize let you keep some basic styles and you will still have consistency across browsers most of the time.

In the end, it really depends on how you prefer to work :)

For example, this forum page is using a complete reset. Open you browser's dev tools and take a look at it ;)

Yaroslav Kleshchev
Yaroslav Kleshchev
8,744 Points
Yaroslav Kleshchev
Yaroslav Kleshchev
8,744 Points

I think they do the same thing. They are just named differently. Just pick one and stick with it.

Alexandros Grantis
Alexandros Grantis
6,846 Points

No they are not the same Yaroslav.Normalize.css is a file that brings consinstency letting you keep some basic styles while reset.css clears up any default browser styles made up for you adding nothing.

so reset.css gives you a clean slate and normalize.css brings some consistent css styles.

Evan Hoyt
Evan Hoyt
8,703 Points
Evan Hoyt
Evan Hoyt
8,703 Points

It really doesn't matter what the css file is named, but it can be named to help you remember what it's function serves as in the website or whatever. I usually name it after its corresponding HTML file, but that's just me. Hope that helps.