What files are normalize and css reset respectively? What's the difference?

Normalize.css is just a small css file , compared to the traditional CSS reset, Normalize.css is a modern, high-quality alternative prepared for HTML5. In other words, Normalize.css is an alternative to CSS reset.

Normalize.css protects valuable default values

reset forces the elements to have the same visual effect by applying default styles to almost all elements. In contrast, Normalize.css maintains many annoying browser styles. This means you no longer have to restyle all common typography elements. When an element has different default values ​​in different browsers, Normalize.css strives to keep those styles consistent and in line with modern standards as much as possible.

Normalize.css fixes browser bugs

It fixes common desktop and mobile browser bugs. This is often beyond what Reset can do. In this regard, the issues fixed by Normalize.css include the display settings of HTML5 elements, font-size issues with preformatted text, SVG overflow in IE9, and many form-related issues that appear in various browsers and operating systems. bug.

Normalize.css will not make your debugging tools cluttered

The most troublesome part of using Reset is the large sections in the browser debugging tools The inheritance chain of the segment will not have such a problem in Normalize.css, because the use of multiple selectors in our guidelines is very cautious, and we will only purposefully set styles on the target element.

Normalize.css is modular

This project has been split into related but independent parts, making it easy and clear for you to Know which elements are set to a specific value. This allows you to selectively remove certain parts of your application that you will never use (such as generalization of forms).

Normalize.css has detailed documentation

Normalize.css’ code is based on detailed and comprehensive cross-browser research and testing. Detailed code descriptions are found in this file and further explained in the Github Wiki. This means you can find out exactly what each line of code does, why it was written, the differences between browsers, and you can more easily conduct your own testing.

Recommended study: "css video tutorial"