CSS Reset Reloaded. Again.

Last 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!

Related posts:

1. How to Override Inline CSS Styles Inline CSS can be applied to any HTML element using...
2. CSS Font-Sizing: a Definitive Guide CSS font sizing appears to be easy until you try...
3. First Look: Object Oriented CSS Nicole Sullivan's Object Oriented CSS aims to make your styles...
4. How to Use Operating System Styles in CSS CSS can reference fonts and colors defined for the underlying...
5. Support for IE6: It’s all About Accessibility With the release of IE8, there's excitement in the air...

This entry was posted on Thursday, February 7th, 2008 at 11:00 am, contains 321 words, 7 images, and is filed under JavaScript & CSS. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed. The views and opinions in this blog post are those of its author.