By drawing on the experience of the online Daniel and some problems encountered in the work, this paper summarizes the code of these more commonly used CSS style resets:
@charset "Utf-8";/*prevents users from customizing the effect of background color on Web pages, adding allows users to customize fonts*/HTML{Color:#000;background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:100%;}/*IE6 of positon:fixed to fix the bug of IE6 rolling jitter*/*html,*html Body{Background-image:URL (about:blank);/*fixed a bug that IE6 rolling jitter*/background-attachment:fixed;/*according to their own actual, non-essential*/}/*internal and external margins often make different browser styles behave differently*/Body,div,dl,dt,dd,ul,li,pre,form,fieldset,select,input,textarea,button,p,blockquote,th,td,img,iframe{margin:0;padding:0;}Body{width:100%;}/*Note that the form element does not inherit the parent font problem*/Body,button,input,select,textarea{Font:12px/1.5 "Microsoft Jas Black", "Microsoft Yahei", "\5b8b\4f53", "Tahoma", "Arial";Color:#333;Outline:None;}Input,select,textarea{font-size:100%;}/*Reset button Border*/Button{Border:None;}/*remove the margins from each table cell and make their edges coincident*/Table{Border-collapse:collapse;border-spacing:0;}/*IE Bug fixed:th does not inherit text-align*/th{text-align:Inherit;}/*alignment is the most important factor in typography, so don't let anything get centered.*/caption,th{text-align: Left;}/*Remove default Border*/fieldset,img{Border:None;Outline:None;-moz-outline:None;}/*IE6 7 8 (q) bug shown as in-line performance*/iframe{Display:Block;}/*Remove the identification before the list, and Li will inherit*/Ol,ul,li{List-style:None;}/*from Yahoo, let the title be customized, adapt to multiple system applications*/H1,h2,h3,h4,h5,h6{font-size:100%;Font-weight: -;margin:0;padding:0;}/*let the link show no underline by default and underline in hover State*/a{Color:#333;cursor:Pointer;Outline:None;text-decoration:None;BlR:expression (This.onfocus=this.blur ());}a:hover{text-decoration:Underline;}/*Clear Float*/. Clearfix:before,.clearfix:after{Display:Block;content: " ";Clear:both;}. Clearfix{Zoom:1;/*For ie67*/}/*Reset HTML5 tag, IE need to createelement in JS (tag)*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{Display:Block;}/*HTML5 media files are aligned with IMG*/Audio,canvas,video{Display:Inline-block;*display:inline;*zoom:1;}address,caption,cite,code,dfn,em,th{Font-style:Normal;Font-weight:Normal;}/*solving box model problems CSS3 properties can also be used to unify form element styles*/. box-sizing{-moz-box-sizing:Border-box;-webkit-box-sizing:Border-box;-o-box-sizing:Border-box;-ms-box-sizing:Border-box;box-sizing:Border-box;}
Share the CSS style you're using to reset your code