CodeClerks

CSS Tools: Why RESET CSS?



Write the reason you're deleting this FAQ

CSS Tools: Why RESET CSS?

Have you ever used a CSS reset tool? Why would you need to use a CSS Reset Tool?

A CSS Reset (or “Reset CSS”) is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline. In case you didn't know, every browser has its own default 'user agent' stylesheet, that it uses to make unstyled websites appear more legible. Source

Basically what a reset CSS stylesheet does is render the base CSS code to function the same on most browsers. For instance, fixing padding, and margins, or line height for example. Often at times CSS reset is overlooked by CSS frameworks such as Bootstrap in which they don't need to reset the CSS because the elements are marginally correct for most browsers, and sometimes reset CSS is included to fix tiny errors without going into the CSS framework.

A lot of websites that don't use a CSS framework often include a reset.css stylesheet so it's users/visitors get the same experience across the most popular browsers. If I am not going to use a CSS framework, I would include the reset.css stylesheet so the elements don't pad out too much.

Where can I find the CSS reset?

By far the most popular CSS reset tool is CSS Tools: Reset CSS - Meyerweb, followed by the second most popular reset CSS Normalize.CSS
So if you're ever having trouble to make your code work across the different browsers be sure to utilize a CSS reset tool along with your original CSS.

Comments

Please login or sign up to leave a comment

Join