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 Basics Getting Started with CSS Layout CSS Reset with Normalize

Sean Flanagan
Sean Flanagan
33,235 Points

How to understand normalize.css

Hi.

Normalize.css has over 400 lines. How best to make sense of it? I've done the CSS Basics course.

Do I need to read every line of code in normalize.css?

I'm reading the http://nicolasgallagher.com/about-normalize-css/ in the teacher's notes. I'm open to constructive suggestions.

Cheers

Sean

3 Answers

Samuel Ferree
Samuel Ferree
31,722 Points

You typically don't read normalize.css

Normalize.css (AKA reset.css) is a stylesheet included first to wipe out any browser defaults that may cause inconsistent styles from browser to browser.

It's typically not even something you would write yourself. Usually you would just link from from a cdn like this one.

Think of it like ensuring that every browser starts with the same foundation, upon which you build your custom style.

Hi Sean,

I don't think you need to read all this. normalize. css is only integrated to work better across all browsers. Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.

Sean Flanagan
Sean Flanagan
33,235 Points

Hi Samuel and Philipp.

Thank you both for your input. I'm sure my question might have sounded stupid but I'm glad that you've given me a clearer picture.

Sean