All the more reason to NOT use reset.css. Until one knows what is being reset, it makes absolutely no sense to apply such a blanket ruleset.
Learn the basic behavior of the browser before you begin to blindly override it. Don’t use reset.css
. You’ll never learn what really needs to be learned about the fundamental behaviors of a browser. First, learn the default style sheet, then tinker with it.
It doesn’t hurt to learn that some browsers create a margin by default. On learning that we can,
html, body {
margin: 0;
padding: 0;
}
Problem solved. Now all the browsers start out with a blank slate in terms of positioning of the root document.
We can also match font size to what the user has set in their User Style Sheet by,
html, body {
font-size: 100%;
}
If our document uses relative sized fonts throughout, we’ll always be in the visual range chosen by the user.
Then there is color. Some users have default color schemes that could completely break our presentation.
html, body {
color: black;
background-color: white;
}
These are all legitimate ways to reset. They do not waste resources. They are easy to follow on each redraw of the page.
Note that interactions do not take place on a particular segment of the page. The entire page has to be redrawn. That means parsing the style sheet all over, each time.
Bottom line, don’t use reset.css
. Turn off CSS and study every element in the specification, one by one and learn how they each behave in the browser. Get to know the User Agent Style Sheet before brushing it aside with a style sheet you do not understand.