CSS Public style Grooming

The first type of PC-side public style:

HTML, body, Div, span, applet, object, IFRAME, H1, H2, H3, H4, H5, H6, p, blockquote, Pre, A, ABBR, acronym, address, Big,  Cite, code, Del, DFN, EM, Font, IMG, ins, KBD, Q, S, Samp, small, strike, strong, sub, SUP, TT, VAR, b, U, I, center, DL, DT, DD, OL, UL, Li, FieldSet, form, label, legend, table, Caption, Tbody, TFOOT, THEAD, tr, TH, TD, TextArea {margin:0;  padding:0; }address,cite,dfn,em,var, I {font-style:normal;}  body {font-size:16px; line-height:1.5; font-family: ' Microsoft yahei ', ' SimSun ', ' Arial ', ' Tahoma '; Color: #222; Background: #eee; }table {border-collapse:collapse; border-spacing:0;} H1, H2, H3, H4, H5, h6, th {font-size:100%; font-weight:normal;} button,input,select,textarea{font-size:100%;} fieldset,img{border:0;} a {text-decoration:none; color: #666; Background:none}ul, ol {list-style:none;}:focus{outline:none;}. clearfix{clear:both; Content: ""; Display:block; Overflow:hidden}.clear{clear:both;}. fl{Float:left;}. Fr{float:right;}

Second mobile public style:

/*reset*/html{-webkit-text-size-adjust:100%;} /*reset*/html{max-width:640px;margin:0 Auto;} Article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}body, Div, DL, DT, DD, UL, OL, Li, H1, H2, H3, H4, H5, H6, pre, Code, form, fieldset, figure, section, Legend, TextArea, p, blockquote, TH, TD, Input, select, TE Xtarea, button {margin:0; padding:0}fieldset, img {border:0 none}body{font:14px/1.4 "Microsoft Yahei", Arial,helveti Ca,sans-serif;background-color: #fff; color: #333; max-width:640px;margin:0 auto;} H1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} Table{border-collapse:collapse;border-spacing:0}ul,ol,dd,dt,dl{list-style-type:none;} A{color: #333; text-decoration:none;-webkit-touch-callout:none;-webkit-user-select:none;} a,input,select{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;- webkit-border-radius:0;} Input,img{border:none;} i,em{font-style:normal;}:focus{outline:none}select{Background:none}/*iphone6*/@mEdia (min-device-width:375px) and (MAX-DEVICE-WIDTH:667PX) and (-webkit-min-device-pixel-ratio:2) {body{font-size : 14.5px;}} /*iphone6plus*/@media (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) { body{font-size:15.5px;}} /* Atomic class */.clear {Clear:both;}. clear:after {display:block; clear:both; visibility:hidden; height:0; overflow:hidden; content: ".";}. FL {float:left;}. Fr {float:right;}. mb10{margin-bottom:10px;}. mt10{margin-top:10px;} /*placeholder css*/::-moz-placeholder{font-family: "Microsoft Yahei"}::-webkit-input-placeholder{Font-fami LY: "Microsoft Yahei"}:-ms-input-placeholder{font-family: "Microsoft Yahei"}

CSS Public style Grooming