I believe that after reading the full text, you will have a new understanding of CSS reset.
PS:
CopyCode The Code is as follows :*{
Padding: 0;
Margin: 0;
}
This is the most common CSS reset, but there are many problems here.
The front part of the original article describes many differences between CSS and the CSS rules of various browsers. CSS reset is also designed for compatibility and unification, correct and effective use of "css reset" can save time and money to some extent.
Thank you very much for sorting out and summarizing perishable.
The following is a brief introduction to several types of CSS reset. I have limited capabilities. I can only understand what it means. Please forgive me.
Minimalistic reset [version 1]
I believe you often see this section, and it is also frequently used by us.Copy codeThe Code is as follows :*{
Padding: 0;
Margin: 0;
}
Minimalistic reset [version 2]
Border: the design of 0 is somewhat unreliable.Copy codeThe Code is as follows :*{
Padding: 0;
Margin: 0;
Border: 0;
}
Minimalistic reset [Version 3]
Of course, this is not recommended. It will conflict with some default styles.Copy codeThe Code is as follows :*{
Outline: 0;
Padding: 0;
Margin: 0;
Border: 0;
}
Condensed universal Reset
This is a method that the author is interested in, ensuring the uniformity of the general Browser style.Copy codeThe Code is as follows :*{
Vertical-align: baselinebaseline;
Font-weight: Inherit;
Font-family: Inherit;
Font-style: Inherit;
Font-size: 100%;
Border: 0 none;
Outline: 0;
Padding: 0;
Margin: 0;
}