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

Posted by Andrew Courey
.a{fill-rule:evenodd;}techdegree seal-36
Andrew Courey
Front End Web Development Techdegree Graduate 15,310 Points

Is there some CSS file I can import that will guarantee that my website looks the same on all browsers?

Or maybe a Javascript file that would do that

1 Answer

Dane Parchment
MOD
Dane Parchment
Treehouse Moderator 11,075 Points
Dane Parchment
Dane Parchment
Treehouse Moderator 11,075 Points

Sort of....you see you can use a css reset file to make sure that in general your styles are consistent across browsers. But the moment that you start adding your own css rules, you will have to make sure that those new rules are consistent across browsers as well.

Here are a few css-resets that are quite popular:

Bootstrap Reboot - This is the github file for it, I recommend you look up more about this one. But it is the most recent, adheres to html5 and css3.

NormalizeCSS - Very popular and probably the most used (may change with Reboot being out now), adheres to html5 and css3.

The Oldie - Pretty sure this was one of the original css-resets, adheres to html5, but doesn't have the most up-to-date css3 practices (no box-sizing for example), still decent if you aren't using many of the html5/css3 features.

You can also create your own reset, if you want all of your pages to look a very specific way that the general resets don't provide for you.