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
Sara Parker
2,238 Pointswhat is normalize.css?
I did this course named "Introduction to HTML and CSS". And in this course we got a workspace, and in the workspace something where named "normalize.css". So I'am wondering how it works, if it's necessary or not? Can I delete it? Is there somewhere I can get this online, and use it myself? Or is it normal to use the same "normalize.css" in every workspace(or page) I'm making?
I hope someone can explain this for me
3 Answers
Romain Gaget
24,449 PointsHi Sara, Every browser is coming with some default css styles that will, for example, add padding around a paragraph or <h1> title.If you add the normalize style sheet all those browser default rules will be reset so for this instance 0px padding on <h1> tags.Here is a couple of links for more details: https://necolas.github.io/normalize.css/ http://nicolasgallagher.com/about-normalize-css/
Jason Anders
Treehouse Moderator 145,863 PointsHi Sara,
To add just a bit to Romain, yes, pretty much every Website will use normalize or some variant of it (normalize.css is the most common, however). Without using normalize, a basic website will often render differently (sometimes somethings very differently) on different browsers.
The normalize file can be modified or altered if you so desire, but it is much more common to overwrite the Normalize rules in your own stylesheet, to create the styling you desire.
I hope these have helped you! :)
reginabattle
16,646 PointsAll browsers have their own styles. The purpose of normalize.css is to make those styles more consistent across all browsers.
Jason Anders
Treehouse Moderator 145,863 PointsJason Anders
Treehouse Moderator 145,863 PointsModerator Edit: Deleted comment add by OP that contained the actual / complete normalize.css rules. This was done to make the Post more streamlined and easier to read. The actual CSS of normalize.css is not needed for question clarity.
:)
Jason ~Treehouse Community Moderator