css初始化代码
最近老有新项目开发，一直在找存留的CSS初始化代码，索性放到这里备份下，
@charset "utf-8"; /* -------------------------------------- *------------------------------------- *------------------------------------ *------------------------------------ *Start Reset *clear css /********************/ a, abbr, address, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, img, input, select,textarea, ins, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp{border:0;margin:0;padding:0;} body{font:12px/1.6 Microsoft YaHei,Arial, Helvetica;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block} b, strong{font-weight:bold} h1, h2, h3, h4, h5, h6{font-size:100%} em{font-style:normal} img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic} ol, ul{list-style:none} li{display:list-item;list-style:outside none} table{border-collapse:collapse;border-spacing:0} th, td, caption{font-weight:normal;vertical-align:top;text-align:left} q{quotes:none} q:before, q:after{content:'';content:none} sub, sup, small{font-size:75%} sub, sup{line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em} sup{top:-0.5em} svg{overflow:hidden} pre, code{font-family:'DejaVu Sans Mono', Monaco, Consolas, monospace} hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0} a{text-decoration:none; color:#000;} a:hover{text-decoration:none;color:#ff6600;} /****************** *End ******************/ /****************** *Start Clear Float ******************/ .fl{float:left;display:inline} .fr{float:right;display:inline} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0} .clearfix:after{clear:both} .clearfix{zoom:1} .cl{clear:left} .cr{clear:right} .hidden{visibility:hidden} .visible{visibility:visible} .none{display:none} .block{display:block} .overHid{ overflow:hidden} /****************** *End ******************/ /****************** *position ******************/ .pr{position:relative}.pb{position:absolute}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center} /****************** *End ******************/ /****************** *font size ******************/ .f24{font-size:24px}.f22{font-size:22px}.f20{font-size:20px}.f18{font-size:18px}.f16{font-size:16px}.f14{font-size:14px}.f12{font-size:12px}.fb{font-weight:bold}.fn{font-style:normal}.fbl{font-weight:lighter}.fm{font-family:"Microsoft Yahei"} /****************** *End ******************/ /****************** *font color ******************/ .blue,.blue a{color:#0068B7} .black,.black a{color:#000000} .white,.white a{color:#FFFFFF} .green,.green a{color:#22AC38} .gray,.gray a{color:#CCCCCC} .deepGray,.deepGray a{color:#313131} .gold,.gold a{color:#CFA972} .orange,.orange a{color:#ff6600} .purple,.purple a{color:#920783} .red,.red a{color:#D14836} /****************** *End ******************/ /****************** *background color ******************/ .bgOrange{background-color:#FFF3D4} .bgWhite{background-color:#FFFFFF} .bgBlue{background-color:#eef4f9} .bgBlue1{background-color:#e9f0f4} .bgGray{background-color:#f9f9f9} .bgWhite{background-color:#FFFFFF} /****************** *End ******************/ /****************** *border ******************/ .borNone{border:none} .borNlr{border-left:none;border-right:none} .borNtb{border-top:none;border-bottom:none} .borNl{border-left:none} .borNt{border-top:none} .borNr{border-right:none} .borNb{border-bottom:none} .borRd4{border-radius:4px} /****************** *End ******************/ /****************** *width ******************/ .w{width:100%}.w10{width:10px}.w20{width:20px}.w25{width:25px}.w30{width:30px}.w35{width:35px}.w40{width:40px}.w45{width:45px}.w50{width:50px}.w55{width:55px}.w60{width:60px}.w65{width:65px}.w70{width:70px}.w75{width:75px}.w80{width:80px}.w85{width:85px}.w90{width:90px}.w95{width:95px}.w100{width:100px}.w110{width:110px}.w120{width:120px}.w130{width:130px}.w140{width:140px}.w150{width:150px}.w160{width:160px}.w170{width:170px}.w180{width:180px}.w190{width:190px}.w200{width:200px}.w210{width:210px}.w220{width:220px}.w230{width:230px}.w240{width:240px}.w250{width:250px}.w260{width:260px}.w270{width:270px}.w280{width:280px}.w290{width:290px}.w300{width:300px}.w310{width:310px}.w320{width:320px}.w330{width:330px}.w340{width:340px}.w350{width:350px}.w360{width:360px}.w370{width:370px}.w380{width:380px}.w390{width:390px}.w400{width:400px}.w410{width:410px}.w420{width:420px}.w430{width:430px}.w440{width:440px}.w450{width:450px}.w460{width:460px}.w470{width:470px}.w480{width:480px}.w490{width:490px}.w500{width:500px}.w510{width:510px}.w520{width:520px}.w530{width:530px}.w540{width:540px}.w550{width:550px}.w560{width:560px}.w570{width:570px}.w580{width:580px}.w590{width:590px}.w600{width:600px}.w610{width:610px}.w620{width:620px}.w630{width:630px}.w640{width:640px}.w650{width:650px}.w660{width:660px}.w670{width:670px}.w680{width:680px}.w690{width:690px}.w700{width:700px}.w710{width:710px}.w720{width:720px}.w730{width:730px}.w740{width:740px}.w750{width:750px}.w760{width:760px}.w770{width:770px}.w780{width:780px}.w790{width:790px}.w800{width:800px}.w810{width:810px}.w820{width:820px}.w830{width:830px}.w840{width:840px}.w850{width:850px}.w860{width:860px}.w870{width:870px}.w880{width:880px}.w890{width:890px}.w900{width:900px}.w910{width:910px}.w920{width:920px}.w930{width:930px}.w940{width:940px}.w950{width:950px}.w960{width:960px}.w970{width:970px}.w980{width:980px}.w990{width:990px}.w1000{width:1000px} /****************** *End ******************/ /****************** *height ******************/ .h{height:100%}.h25{height:25px}.hl25{height:25px;line-height:25px}.h26{height:26px}.hl26{height:26px;line-height:26px}.h27{height:27px}.hl27{height:27px;line-height:27px}.h28{height:28px}.hl28{height:28px;line-height:28px}.h30{height:30px}.hl30{height:30px;line-height:30px}.h35{height:35px}.hl35{height:35px;line-height:35px}.h40{height:40px}.hl40{height:40px;line-height:40px}.h50{height:50px}.hl50{height:50px;line-height:50px}.h60{height:60px}.hl60{height:60px;line-height:60px}.h70{height:70px}.hl70{height:70px;line-height:70px}.h80{height:80px}.hl80{height:80px;line-height:80px}.h90{height:90px}.hl90{height:90px;line-height:90px}.h100{height:100px}.hl100{height:100px;line-height:100px}.h150{height:150px}.hl150{height:150px;line-height:150px}.h200{height:200px}.hl200{height:200px;line-height:200px} /****************** *End ******************/ /****************** *margin ******************/ .mlr{margin-left:auto;margin-right:auto}.ml{margin-left:auto}.mr{margin-right:auto}.m1{margin:1px}.mtb1{margin-top:1px;margin-bottom:1px}.mlr1{margin-left:1px;margin-right:1px}.ml1{margin-left:1px}.mr1{margin-right:1px}.mt1{margin-top:1px}.mb1{margin-bottom:1px}.m2{margin:2px}.mtb2{margin-top:2px;margin-bottom:2px}.mlr2{margin-left:2px;margin-right:2px}.ml2{margin-left:2px}.mr2{margin-right:2px}.mt2{margin-top:2px}.mb2{margin-bottom:2px}.m3{margin:3px}.mtb3{margin-top:3px;margin-bottom:3px}.mlr3{margin-left:3px;margin-right:3px}.ml3{margin-left:3px}.mr3{margin-right:3px}.mt3{margin-top:3px}.mb3{margin-bottom:3px}.m4{margin:4px}.mtb4{margin-top:4px;margin-bottom:4px}.mlr4{margin-left:4px;margin-right:4px}.ml4{margin-left:4px}.mr4{margin-right:4px}.mt4{margin-top:4px}.mb4{margin-bottom:4px}.m5{margin:5px}.mtb5{margin-top:5px;margin-bottom:5px}.mlr5{margin-left:5px;margin-right:5px}.mt5{margin-top:5px}.mb5{margin-bottom:5px}.ml5{margin-left:5px}.mr5{margin-right:5px}.m10{margin:10px}.mtb10{margin-top:10px;margin-bottom:10px}.mlr10{margin-left:10px;margin-right:10px}.mt10{margin-top:10px}.mb10{margin-bottom:10px}.ml10{margin-left:10px}.mr10{margin-right:10px}.m15{margin:15px}.mtb15{margin-top:15px;margin-bottom:15px}.mlr15{margin-left:15px;margin-right:15px}.mt15{margin-top:15px}.mb15{margin-bottom:15px}.ml15{margin-left:15px}.mr15{margin-right:15px}.m20{margin:20px}.mtb20{margin-top:20px;margin-bottom:20px}.mlr20{margin-left:20px;margin-right:20px}.mt20{margin-top:20px}.mb20{margin-bottom:20px}.ml20{margin-left:20px}.mr20{margin-right:20px}.m25{margin:25px}.mtb25{margin-top:25px;margin-bottom:25px}.mlr25{margin-left:25px;margin-right:25px}.mt25{margin-top:25px}.mb25{margin-bottom:25px}.ml25{margin-left:25px}.mr25{margin-right:25px}.m30{margin:30px}.mt30{margin-top:30px}.mtb30{margin-top:30px;margin-bottom:30px}.mlr30{margin-left:30px;margin-right:30px}.mb30{margin-bottom:30px}.ml30{margin-left:30px}.mr30{margin-right:30px}.m40{margin:40px}.mt40{margin-top:40px}.mtb40{margin-top:40px;margin-bottom:40px}.mlr40{margin-left:40px;margin-right:40px}.mb40{margin-bottom:40px}.ml40{margin-left:40px}.mr40{margin-right:40px} /****************** *End ******************/ /****************** *padding ******************/ .p0{padding:0;}.ptb0{padding-top:0;padding-bottom:0}.plr0{padding-left:0;padding-right:0}.pt0{padding-top:0}.pb0{padding-bottom:0}.pl0{padding-left:0}.pr0{padding-right:0}.p1{padding:1px}.ptb1{padding-top:1px;padding-bottom:1px}.plr1{padding-left:1px;padding-right:1px}.pt1{padding-top:1px}.pb1{padding-bottom:1px}.pl1{padding-left:1px}.pr1{padding-right:1px}.p2{padding:2px}.ptb2{padding-top:2px;padding-bottom:2px}.plr2{padding-left:2px;padding-right:2px}.pt2{padding-top:2px}.pb2{padding-bottom:2px}.pl2{padding-left:2px}.pr2{padding-right:2px}.p3{padding:3px}.ptb3{padding-top:3px;padding-bottom:3px}.plr3{padding-left:3px;padding-right:3px}.pt3{padding-top:3px}.pb3{padding-bottom:3px}.pl3{padding-left:3px}.pr3{padding-right:3px}.p4{padding:4px}.ptb4{padding-top:4px;padding-bottom:4px}.plr4{padding-left:4px;padding-right:4px}.pt4{padding-top:4px}.pb4{padding-bottom:4px}.pl4{padding-left:4px}.pr4{padding-right:4px}.p5{padding:5px}.ptb5{padding-top:5px;padding-bottom:5px}.plr5{padding-left:5px;padding-right:5px}.pt5{padding-top:5px}.pb5{padding-bottom:5px}.pl5{padding-left:5px}.pr5{padding-right:5px}.p10{padding:10px}.ptb10{padding-top:10px;padding-bottom:10px}.plr10{padding-left:10px;padding-right:10px}.pt10{padding-top:10px}.pb10{padding-bottom:10px}.pl10{padding-left:10px}.pr10{padding-right:10px}.p15{padding:15px}.ptb15{padding-top:15px;padding-bottom:15px}.plr15{padding-left:15px;padding-right:15px}.pt15{padding-top:15px}.pb15{padding-bottom:15px}.pl15{padding-left:15px}.pr15{padding-right:15px}.p20{padding:20px}.ptb20{padding-top:20px;padding-bottom:20px}.plr20{padding-left:20px;padding-right:20px}.pt20{padding-top:20px}.pb20{padding-bottom:20px}.pl20{padding-left:20px}.pr20{padding-right:20px}.p25{padding:25px}.ptb25{padding-top:25px;padding-bottom:25px}.plr25{padding-left:25px;padding-right:25px}.pt25{padding-top:25px}.pb25{padding-bottom:25px}.pl25{padding-left:25px}.pr25{padding-right:25px}.p30{padding:30px}.ptb30{padding-top:30px;padding-bottom:30px}.plr30{padding-left:30px;padding-right:30px}.pt30{padding-top:30px}.pb30{padding-bottom:30px}.pl30{padding-left:30px}.pr30{padding-right:30px}.p35{padding:35px}.ptb35{padding-top:35px;padding-bottom:35px}.plr35{padding-left:35px;padding-right:35px}.pt35{padding-top:35px}.pb35{padding-bottom:35px}.pl35{padding-left:35px}.pr35{padding-right:35px}.p40{padding:40px}.ptb40{padding-top:40px;padding-bottom:40px}.plr40{padding-left:40px;padding-right:40px}.pt40{padding-top:40px}.pb40{padding-bottom:40px}.pl40{padding-left:40px}.pr40{padding-right:40px}.p50{padding:50px}.ptb50{padding-top:50px;padding-bottom:50px}.plr50{padding-left:50px;padding-right:50px}.pt50{padding-top:50px}.pb50{padding-bottom:50px}.pl50{padding-left:50px}.pr50{padding-right:50px}.p100{padding:100px}.ptb100{padding-top:100px;padding-bottom:100px}.plr100{padding-left:100px;padding-right:100px}.pt100{padding-top:100px}.pb100{padding-bottom:100px}.pl100{padding-left:100px}.pr100{padding-right:100px}.pl110{padding-left:110px}.pl120{padding-left:120px}.pl130{padding-left:130px}.pl140{padding-left:140px}.pl150{padding-left:150px}.pl160{padding-left:160px}.pl170{padding-left:170px}.pl180{padding-left:180px}.pl190{padding-left:190px}.pl200{padding-left:200px}.pl210{padding-left:210px}.pl220{padding-left:220px}.pl230{padding-left:230px}.pl240{padding-left:240px}.pl250{padding-left:250px}.pl260{padding-left:260px}.pl270{padding-left:270px}.pl280{padding-left:280px}.pl290{padding-left:290px}.pl300{padding-left:300px} /****************** *End ******************/
