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

HTML How to Make a Website Creating HTML Content Include External CSS

How does normalize.html function?

I know in the exercise How to Make a Website, it explains how normalize.css overrides browser settings for styling, but I quite don't understand it yet. Plus, who is responsible for coding normalize.css? And what changes can you make to it?

2 Answers

Kevin Korte
Kevin Korte
28,147 Points

There is not much to worry about here. Basically it's just giving all of the elements a default and mostly blank set up. It's normalizing how all of the different block elements are rendered, how all of the inline elements are rendered, and normalizing how they are all rendered across browsers.

It's so you have to write less browser specific code to make you elements more consistent among browsers, and it allows frees up some time for you.

For me, it's a set it and forget it. You can make whatever changes you want to it. My suggestion for that is to take advantage of CSS cascading effect, meaning I'd first include normalize.css and than, I would include my own style sheet after that, and all of my edits and overrides would go in that style sheet. Since my style sheet is second in the source order, it would override any conflicting styles from normalize.css.

As far as who maintains it. We'll its basically open source, so it's community driven. If you were to attribute an author to it, Nicholas Gallagher is the name that comes up, and the offical Github page recongizes Jonathan Neal as a co-creater. There are currently 13 contributors to normalize.css, but anybody with a Github account could make a merge request that could eventually be added to normalize.css

https://github.com/necolas/normalize.css/

Thank you guys for this lengthy response. I thought I had to learn normalize on my own. I have a better understanding of it now. Thank you.

We are here to help! ^_^

Hey Otto Mejia,

Normalize.css is a CSS file that is used to provide better cross browser consistency for rendering pages. You've probably seen by now that different browsers have different default styles for web pages. Normalize.css allows every web browser to render content the same so that a site will look consistent across web browsers. For more information, check out Nicholas Gallagher's - About normalize.css page here.