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

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

Posted by Daniel Oettli
Daniel Oettli
2,287 Points

Normalize.css

Hello, i have a question concerning the normalize.css file. When I build up a webpage, do I have to implement the normalize.css file or an equal file every time to level out browser specific styling and integrate my own CSS styling "rules"?

Thanks for answering.

Daniel

3 Answers

Taki mhd
PLUS
Taki mhd
Courses Plus Student 1,714 Points
Taki mhd
Taki mhd
Courses Plus Student 1,714 Points

In the early days of the web, there was no standardisation on how styles are rendered across different browsers and devices. Each browser implemented what it felt was the correct way to style HTML. This exists because it ensures that un-styled pages render reasonably well for the end-user.

Although browsers have evolved over time, they still apply their own borders, paddings, margins, and fonts. With each browser using different base styles,

However, as you start taking presentation into your own hands with CSS. It is important to strip those default styles so elements are rendered consistently according to your own design choices.

Reset simply remove all browser default styling. They provide the designer with a blank canvas. CSS will be more logical and DRY, and browser-styling compatibility issues can be minimised.

Further reading:

CSS Tools: Reset CSS History of CSS Resets Should I Use a Reset

Cheers,

Tim Knight
Tim Knight
28,888 Points
Tim Knight
Tim Knight
28,888 Points

Daniel,

It's really a matter of preference. You don't have to do it. There are a lot of other reset options out there too and if you're using something like Bootstrap or Foundation move of those frameworks actually already have normalize or another reset utility already built in.

Lukas Muller
Lukas Muller
7,347 Points
Lukas Muller
Lukas Muller
7,347 Points

As mentioned in the course, this is not a must. But it certainly makes sense to use it, since there are various browsers and the one or another play around with styling. As Tim Knight has mentioned already, Bootstrap and some other include this too. It's a good thing when you want your page to look the same in each browser.

If you're asking if you have to implement in each .html-file, the answer is yes. You have to use the link-tag in each new document.