normalize.css How to use

How to use normalize.css: First install or download Normalize.css from Github; then use normalize.css as the basic CSS of the project or introduce the normalize.css source code and build on it.

The operating environment of this tutorial: windows7 system, Dell G3 computer, normalize.css v3.0.3.

Recommended: css video tutorial

Normalize.css is just a small CSS file, but it provides cross-browser height on default HTML element styles consistency. Compared to traditional CSS reset, Normalize.css is a modern, high-quality alternative prepared for HTML5. Normalize.css is now used in Twitter Bootstrap and many other frameworks, tools and websites.

Normalize.css is an alternative to CSS reset. After @necolas and @jon_neal spent hundreds of hours studying the differences in default styles across browsers, this project finally became what it is now.

Normalize.css was created for the following purposes:

• Preserve useful browser default styles instead of removing them completely

• Generalized styles: Provide most HTML elements

• Fix the browser’s own bugs and ensure consistency across browsers

• Optimize CSS usability: with some tips

• Explain the code: with comments and detailed documentation

Normalize.css support includes mobile Many browsers, including browsers, have generalized Html5 elements, layouts, lists, embedded content, forms, and tables at the same time. Although this project is based on general principles, more practical defaults are used where appropriate.

How to use normalize.css

First, install or download Normalize.css from Github. Then there are two main ways to use it.

Strategy 1: Use normalize.css as the basic CSS of your own project, and customize the style values ​​to meet the needs of the designer.

Strategy 2: Introduce the normalize.css source code and build on it, and overwrite the default with your own CSS when necessary

The above is the detailed content of normalize.css How to use. For more information, please follow other related articles on the PHP Chinese website!