CSS Reset (Reset) method Collation _ Experience Exchange

What is Css reset? Some peers are called "CSS reset", some may be called "Default CSS" .....

I believe you will have a re-understanding of CSS Reset after reading the full text
Ps:

* {padding:0; margin:0;}

This is the most common CSS Reset, but there are a lot of problems here.

The original part of the text said a lot about CSS, and the different browser CSS rules, and the development of "CSS Reset" is also for compatibility and unity, the correct and effective use of "CSS reset" can save time and money in some way.

Thank you very much for perishable and induction.

The following is a brief introduction to several types of CSS reset, I have limited ability. I can only understand the general meaning, but also ask you crossing forgive me.

Minimalistic Reset [Version 1]
Believe this section you often see. And that's what we used to do.

* {padding:0; margin:0;}

Minimalistic Reset [Version 2]
The design of the border:0 is a little unreliable.

* {padding:0; margin:0; border:0;}

Minimalistic Reset [Version 3]
Of course, this is also not recommended. Will conflict with some default styles

* {outline:0; padding:0; margin:0; border:0;}

Condensed Universal Reset
This is the author's current comparison of the meaning of a notation. The consistency of the relative Universal browser style is ensured.

* {vertical-align:baselinebaseline; font-weight:inherit; font-family:inherit; font-style:inherit; font-size:100%; bo rder:0 none; outline:0; padding:0; margin:0; }

Poor man ' s Reset
In fact, this is also a kind of CSS reset that we commonly use. Resets the size of the font, as well as the border processing of the picture link.
Also often seen on some sites

HTML, body {padding:0; margin:0;} html {font-size:1em;} body {font-size:100%;} a img,: Link img,: visited img { border:0; }

Shaun Inman ' s Global Reset
The author thinks Shaun writing this kind of CSS reset has some kind of purpose.
And this kind of rule is for some important common browsers.
such as Ie,firefox, etc.

Body, p, DL, DT, DD, UL, OL, Li, H1, H2, H3, H4, H5, H6, Pre, form, fieldset, input, p, blockquote, table, TH, TD, Embed,  object {padding:0; margin:0;} table {border-collapse:collapse; border-spacing:0;} fieldset, IMG, abbr {border:0; } address, caption, cite, code, DFN, EM, H1, H2, H3, H4, H5, H6, strong, Th, var {font-weight:normal; Font-style:norma L } ul {List-style:none;} caption, Th {text-align:left;} h1, H2, H3, H4, H5, h6 {font-size:1.0em;} q:before, Q:afte R {content: ';} A, ins {text-decoration:none;}

Yahoo CSS Reset
Yahoo these guys write the reset personally think can recommend

Body,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td {padding:0; margin:0; } table {border-collapse:collapse; border-spacing:0;} fieldset,img {border:0;} address,caption,cite,code,dfn,em,str Ong,th,var {font-weight:normal; font-style:normal;} ol,ul {list-style:none;} caption,th {text-align:left;} h1,h2 , H3,h4,h5,h6 {font-weight:normal; font-size:100%;} q:before,q:after {content: ';} abbr,acronym {border:0;}

Erik Meyer ' s CSS Reset
The author Erik Meyer's code. But functionally, it's the same.
This set of CSS reset is the industry's most used

HTML, body, p, span, applet, object, IFRAME, table, caption, Tbody, TFOOT, THEAD, tr, TH, TD, Del, DFN, EM, Font, IMG, INS  , KBD, Q, S, Samp, small, strike, strong, sub, SUP, TT, VAR, H1, H2, H3, H4, H5, H6, p, blockquote, Pre, A, ABBR, acronym, Address, big, cite, code, DL, DT, DD, OL, UL, Li, FieldSet, form, label, legend {vertical-align:baselinebaseline; font- Family:inherit; Font-weight:inherit; Font-style:inherit; font-size:100%; outline:0; padding:0; margin:0; border:0; }/* Remember to define focus styles!  */: Focus {outline:0;} body {background:white; line-height:1; Color:black} OL, ul {list-style:none;}/* Tables Still need cellspacing= "0" in the markup */table {border-collapse:separate; border-spacing:0;} caption, Th, TD {Fon T-weight:normal; Text-align:left; }/* Remove possible quote marks (") from <q> & <blockquote> */Blockquote:before, Blockquote:after, Q:BEF Ore, Q:after {content: "";} BLOCKQUOTE, Q {quotes: "" ";}

Condensed Meyer Reset
In general this is the modification and promotion of CSS reset for Erik Meyer.

Body, p, DL, DT, DD, UL, OL, Li, H1, H2, H3, H4, H5, H6, Pre, form, fieldset, input, textarea, p, blockquote, TH, td {Pad ding:0; margin:0; } fieldset, img {border:0;} table {border-collapse:collapse; border-spacing:0;} OL, ul {list-style:none;} addres s, caption, cite, code, DFN, EM, strong, Th, var {font-weight:normal; font-style:normal;} caption, Th {text-align:le Ft } H1, H2, H3, H4, H5, h6 {font-weight:normal; font-size:100%;} q:before, Q:after {content: ';} abbr, acronym {bord er:0; }

