CSS Reset

Browsers apply their own default styles to HTML elements, such as margins on <body> or font sizes on <h1>. The purpose of a CSS reset is to neutralize these differences and provide a uniform starting point for developers.

Why is a reset needed?

Different browsers use different default styles. This can cause problems if we want a consistent appearance. A reset stylesheet helps remove these differences.

The following example shows how to set all elements’ margin and padding to zero and box-sizing to border-box.

Common reset rules

A reset not only removes margins and padding but can also clear other default settings, such as list and link styles.

Tips for using resets

After applying a reset file, we can more easily build custom styles. Here are some suggestions for using it:

Always apply the reset at the beginning of the project to get a uniform base.
Use modern reset or normalize.css files if you do not want to write everything manually.
Do not overdo it: only reset the settings that are truly necessary.