css默认样式教程,CSS自定义默认样式

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

margin: ;

padding: ;

border: ;

font-size: %;

font: inherit;

vertical-align: baseline;

outline: none;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

}

html { height: %; }

body { font-size: 62.5%; line-height: ; font-family: "微软雅黑",Arial, Tahoma, sans-serif;background: #F7F7F7;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

strong { font-weight: bold; }

table { border-collapse: collapse; border-spacing: ; }

img { border: ; max-width: %; }

p { font-size: .2em; line-height: .0em; color: #; }

.center{text-align: center;}

.bgbai{background: #fff;}

.colorm{color: #;}

.colorz{color: #a28462;}

.colort{color: #7d7d7d;}

.color53{color: #;}

.color64{color:#;}

.colorF{color: #fff;}

.w100{width: %;}

.w1440,.wrap{width: 1440px;margin: auto;}

.clearfix:after {content: ".";clear: both;display: block;height: ;overflow: hidden;visibility: hidden;}

.clearfix{clear:both;z-index:;}

.fl{float: left;}

.fr{float: right;}

.mt5{margin-top: 5px;}

.mt10{margin-top: 10px;}

.mt15{margin-top: 15px;}

.mt20{margin-top: 20px;}

.mt25{margin-top: 25px;}

.mt30{margin-top: 30px;}

.mt35{margin-top: 35px;}

.mt40{margin-top: 40px;}

.mt45{margin-top: 45px;}

.mt50{margin-top: 50px;}

.mt60{margin-top: 60px;}

.mb10{margin-bottom: 10px;}

.mb15{margin-bottom: 15px;}

.mb20{margin-bottom: 20px;}

.mb25{margin-bottom: 25px;}

.mb30{margin-bottom: 30px;}

.mb35{margin-bottom: 35px;}

.mb40{margin-bottom: 40px;}

.mb45{margin-bottom: 45px;}

.mb50{margin-bottom: 50px;}

.mb60{margin-bottom: 60px;}

.mb80{margin-bottom: 80px;}

.mb100{margin-bottom: 100px;}

.mr10{margin-right: 10px;}

.ml10{margin-left: 10px;}

.mr15{margin-right: 15px;}

.ml15{margin-left: 15px;}

.mr20{margin-right: 20px;}

.ml20{margin-left: 20px;}

.mr25{margin-right: 25px;}

.ml25{margin-left: 25px;}

.mr30{margin-right: 30px;}

.ml30{margin-left: 30px;}

.mr35{margin-right: 35px;}

.ml35{margin-left: 35px;}

.mr40{margin-right: 40px;}

.ml40{margin-left: 40px;}

.mr45{margin-right: 45px;}

.ml45{margin-left: 45px;}

.mr50{margin-right: 50px;}

.ml50{margin-left: 50px;}

.pt10{padding-top: 10px;}

.pt15{padding-top: 15px;}

.pt20{padding-top: 20px;}

.pt25{padding-top: 25px;}

.pt30{padding-top: 30px;}

.pt35{padding-top: 35px;}

.pt40{padding-top: 40px;}

.pt45{padding-top: 45px;}

.pt50{padding-top: 50px;}

.pt60{padding-top: 60px;}

.pb10{padding-bottom: 10px;}

.pb15{padding-bottom: 15px;}

.pb20{padding-bottom: 20px;}

.pb25{padding-bottom: 25px;}

.pb30{padding-bottom: 30px;}

.pb35{padding-bottom: 35px;}

.pb40{padding-bottom: 40px;}

.pb45{padding-bottom: 45px;}

.pb50{padding-bottom: 50px;}

.pb60{padding-bottom: 60px;}

.pr10{padding-right: 10px;}

.pl10{padding-left: 10px;}

.pr15{padding-right: 15px;}

.pl15{padding-left: 15px;}

.pr20{padding-right: 20px;}

.pl20{padding-left: 20px;}

.pr25{padding-right: 25px;}

.pl25{padding-left: 25px;}

.pr30{padding-right: 30px;}

.pl30{padding-left: 30px;}

.pr35{padding-right: 35px;}

.pl35{padding-left: 35px;}

.pr40{padding-right: 40px;}

.pl40{padding-left: 40px;}

.pr45{padding-right: 45px;}

.pl45{padding-left: 45px;}

.pr50{padding-right: 50px;}

.pl50{padding-left: 50px;}

.pr60{padding-right: 60px;}

.pl60{padding-left: 60px;}

.pr80{padding-right: 80px;}

.pl80{padding-left: 80px;}

.pr100{padding-right: 100px;}

.pl100{padding-left: 100px;}

.fs12{font-size: 12px;}

.fs14{font-size: 14px;}

.fs16{font-size: 16px;}

.fs18{font-size: 18px;}

.fs20{font-size: 20px;}

.fs22{font-size: 22px;}

.fs24{font-size: 24px;}

.fs25{font-size: 25px;}

.fs26{font-size: 26px;}

.fs28{font-size: 28px;}

.fs30{font-size: 30px;}

.fs32{font-size: 32px;}

.fs34{font-size: 34px;}

.fs36{font-size: 36px;}

.fs38{font-size: 38px;}

.fs40{font-size: 40px;}

.fs50{font-size: 50px;}

.lh1{line-height: ;}

.lh12{line-height: 1.2;}

.lh15{line-height: 1.5;}

.lh18{line-height: 1.8;}

.lh2{line-height: ;}

.lh22{line-height: 2.2;}

.lh24{line-height: 2.4;}

.lh25{line-height: 2.5;}

.lh26{line-height: 2.6;}

.lh28{line-height: 2.8;}

/*底部*/

.footer{

padding:50px ;

background: #;

color: #fff;

font-size: 20px;

text-align: center;

margin-top: 40px;

}

css清除默认样式

CSS 清除默认样式   通常有以下几句就够了: *{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:non ...

CSS 重置默认样式

1. 概述 1.1 说明 css重置样式主要是为了让各个浏览器的CSS样式有一个统一的基准,使HTML元素样式在跨浏览器时有一致性的效果. 备注:浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的 ...

CSS自定义滚动条样式