JavaScript
Article

CSS Reset Reloaded. Again.

By Matthew Magain

global-style-reset.jpgLast year Eric Meyer documented his thoughts on resetting the styles of a web page to a common baseline. For designers who crave pixel-perfect layouts, differences between the default styles that each browser applies can be infuriating, and this was a terrific approach to leveling the playing field in the quest for an identical render across all browsers.

His comments when he first released the style reset rules were that they were:

… not a case of “everyone must use these styles in a certain way without alteration”. Nor am I saying that everyone must use them or else be cast into darkness. Remember before that I termed these “my take on the topic of reset styles” (emphasis added). Your take may be subtly or greatly different.

However, he recently released a modified version that reworked some of those styles, and in doing so conceded that this really could be a consistent benchmark from which to begin developing style rules that behave predictably in all browsers:

… over time, I’ve come to realize that this is more than just a throwaway development tool. It really is the beginning of a baseline style sheet. (Or can be.) Things like boldfacing and italics are some of the most obvious textual effects readers will see, and to have reset styles that treat them inconsistently across browsers doesn’t make sense.

Thanks Eric, for delving into the frustrating world of browser-specific styles and stamping them out so that we don’t have to!

  • Lee tracey

    Woithout looking into it in detail, this does strike me as very similar to the reset file provided in the Yahoo User Interface (YUI) API.

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the latest in JavaScript, once a week, for free.