pc端web页面样式重置文件&& 常用全局样式

    技术2022-07-10  133

    /*==样式重置==*/ @charset "utf-8"; 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; } table { border-collapse:collapse; border-spacing:0; } fieldset, img { border:0;} address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; } ol, ul { list-style:none; } caption, th { text-align:left; } h1, h2, h3, h4, h5, h6 { font-size:200%; font-weight:normal; } :focus { outline: 0;} a{ text-decoration:none;} a:hover img{ border:none;} /* == pubilc == */ /* clearfix */ .clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix {*zoom:1;} .clearfix {display:block;} /* margin and padding */ /* m-left-top-right-bottom */ .mg5{ margin:5px} .mg10{ margin:10px} .mg15{ margin:15px} .mg20{ margin:20px} .mg25{ margin:25px} .mg30{ margin:30px} .mg35{ margin:35px} .mg40{ margin:40px} /* m-left */ .mgl5{ margin-left:5px} .mgl10{margin-left:10px;} .mgl15{margin-left:15px} .mgl20{margin-left:20px;} .mgl25{margin-left:25px} .mgl30{margin-left:30px;} /* m-right */ .mgr5{ margin-right:5px} .mgr10{margin-right:10px;} .mgr15{margin-right:15px;} .mgr20{margin-right:20px;} .mgr25{margin-right:25px;} .mgr30{margin-right:30px;} /* m-top */ .mgt5{margin-top:5px;} .mgt10{margin-top:10px;} .mgt15{margin-top:15px;} .mgt20{margin-top:20px;} .mgt25{margin-top:25px;} .mgt30{margin-top:30px;} /* m-bottom */ .mgb10{margin-bottom:10px;} .mgb15{margin-bottom:15px;} .mgb20{margin-bottom:20px;} .mgb25{margin-bottom:25px;} .mgb30{margin-bottom:30px;} .mgb40{margin-bottom:40px;} /* m-left-right */ .mglr5{ margin-left:5px;margin-right:5px;} .mglr10{margin-left:10px;margin-right:10px} .mglr15{margin-left:15px;margin-right:15px} .mglr20{margin-left:20px; margin-right:20px} .mglr25{margin-left:25px; margin-right:25px;} .mglr30{margin-left:30px;margin-right:30px} /* m-top-bottom */ .mgtb5{margin-top:5px; margin-bottom:5px} .mgtb10{margin-top:10px; margin-bottom:10px} .mgtb15{margin-top:15px; margin-bottom:15px} .mgtb20{margin-top:20px; margin-bottom:20px} .mgtb25{margin-top:25px; margin-bottom:25px} .mgtb30{margin-top:30px; margin-bottom:30px} /* p-left-top-right-bottom */ .pd5{ padding:5px} .pd10{ padding:10px} .pd15{ padding:15px} .pd20{ padding:20px} .pd25{ padding:25px} .pd30{ padding:30px} .pd35{ padding:35px} .pd40{ padding:40px} /* p-left */ .pdl5{padding-left:5px} .pdl10{padding-left:10px;} .pdl15{padding-left:15px} .pdl20{padding-left:20px;} .pdl25{padding-left:25px} .pdl30{padding-left:30px;} .pdl110{padding-left: 110px} /* p-right */ .pdr5{ padding-right:5px} .pdr10{padding-right:10px;} .pdr15{padding-right:15px;} .pdr20{padding-right:20px;} .pdr25{padding-right:25px;} .pdr30{padding-right:30px;} /* p-top */ .pdt5{padding-top:5px;} .pdt10{padding-top:10px;} .pdt15{padding-top:15px;} .pdt20{padding-top:20px;} .pdt25{padding-top:25px;} .pdt30{padding-top:30px;} .pdt40{padding-top:40px;} /* p-bottom */ .pdb10{padding-bottom:10px;} .pdb15{padding-bottom:15px;} .pdb20{padding-bottom:20px;} .pdb25{padding-bottom:25px;} .pdb30{padding-bottom:30px;} .pdb50{padding-bottom:50px;} /* p-left-right */ .pdlr5{ padding-left:5px;padding-right:5px;_padding-right:3px} .pdlr6{ padding-left:6px; padding-right:6px;_padding-right:4px} .pdlr78{ padding-left:7px; padding-right:8px;} .pdlr10{padding-left:10px;padding-right:10px} .pdlr15{padding-left:15px;padding-right:15px} .pdlr20{padding-left:20px; padding-right:20px} .pdlr25{padding-left:25px; padding-right:25px;} .pdlr30{padding-left:30px;padding-right:30px} .pdlr69{padding-left:6px; padding-right:9px} /* p-top-bottom */ .pdtb5{padding-top:5px; padding-bottom:5px} .pdtb10{padding-top:10px; padding-bottom:10px} .pdtb15{padding-top:15px; padding-bottom:15px} .pdtb20{padding-top:20px; padding-bottom:20px} .pdtb25{padding-top:25px; padding-bottom:25px} .pdtb30{padding-top:30px; padding-bottom:30px} .pdtb40{ padding-top:40px; padding-bottom:40px} /* width */ .w1200{width:1200px;margin: 0 auto} .w1000{width:1000px; margin:0 auto} .w980{width:980px; margin: 0 auto} .w960{width:960px; margin:0 auto;} .w958{width:958px; margin:0 auto;} .w775{width:775px;} .w765{width:765px;} .w190{width:190px;} .w200{width:200px;} .w500{width:500px;} .w450{width:450px;} .w300{width:300px;} .w546{width:546px;} .w496{width:496px;} .w556{width:556px;} .w210{width:210px;} .w220{width:220px;} .w200{width:200px;} .w722{width:722px;} .w720{width:720px;} .w738{width:738px;} .w150{width:150px;} .w570{width:570px} .w320{width:320px} .w147{width:147px;} .w744{width:744px;} .w160{width:160px;} .w820{width:820px} .w660{width:660px} .w758{width:758px;} .w760{width:760px;} .h132{ height:132px} .w80{ width:80px;} .w170{width:170px;} .w785{width:785px;} .h20{ height:20px} .w768{width:768px;} .w380{width:380px;} .w790{width:790px;}
    Processed: 0.018, SQL: 9