0

What is the difference between reset vs normalize CSS?

Reset CSS: CSS resets aim to remove all built-in browser styling. For example margins, paddings, font-sizes of all elements are reset to be the same.

Normalize CSS: Normalize CSS aims to make built-in browser styling consistent across browsers. It also corrects bugs for common browser dependencies.

Chirag Anand
  • 1
  • 1
  • 2
    Is this an attempt at a self-answered question? You seem to have explained the two phrases in the question itself. How they work technically is the same, it's just what they aim to achieve that is slightly different. – DBS Dec 19 '22 at 14:13

1 Answers1

0

A reset CSS file is a set of styles that sets the default values for various elements on a web page to a consistent baseline. The purpose of a reset CSS file is to provide a consistent starting point for styling web pages, so that different browsers display elements consistently and so that you don't have to spend time undoing default browser styles.

Normalize CSS, on the other hand, is a set of styles that makes default styles consistent across different browsers, but does not completely reset all styles to a baseline like a reset CSS file does. The goal of normalize CSS is to make it easier to style web pages consistently across different browsers, without completely eliminating the default styles of those browsers.

In summary, a reset CSS file completely resets the default styles of a web page to a consistent baseline, while normalize CSS makes default styles consistent across different browsers without completely resetting them.

Angziety
  • 13
  • 6