Treehouse: Grow your CSS skills. Land your dream job.

the confusing variety of reset css files

  • # June 2, 2012 at 7:36 am

    i’m still relatively new to webdesign. one thing that has been exceedingly disorienting is the great number of css files that reset or rebuild css to cancel out browser idiosyncrasies. i’ve come across three so far: reset.css, normalize.css, and rebuild.css. can anyone point me to an article or blog post somewhere that gives a complete summary of the differences of these different files, and when using one or more of them is appropriate?

    # June 2, 2012 at 7:49 am

    I use Eric Meyer’s reset but I suggest you stick to one good one and not become obsessed by the minor differences. HTML5 boilerplate is good to use if you just want to jump straight into coding.

    # June 2, 2012 at 8:04 am

    @tobeeornot: so they are all essentially try to achieve the same thing? i had gotten the sense, for example, that normalize.css (which is also what is in the html5 boilerplate?) had somewhat different goals: ie dealing with cross-browser style problems as they relate to html5 elements. so if one is working on a site that will use html5 elements, does one need both a reset.css and a normalize.css?

    # June 2, 2012 at 8:13 am

    Yes, it is all about ensuring browsers inbuilt styles do not conflict with your code. I am not sure if it is a good idea combining resets as there is likely to overlap and conflict.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.