小网站的common.css

/*code by drsky -2017/11/12*/

/*--reset--*/
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body{font-size: 14px;color: #444;line-height: 1.4;font-family: "Microsoft Yahei";min-width: 1200px}
body,h1,h2,h3,h4,h5,h6,ul,ol{margin: 0;padding: 0}
ul,ol{list-style: none}
a,a:hover{text-decoration: none;outline: none;color: #333}
img{vertical-align: top;max-width: 100%;margin-bottom: 10px}
p{margin: 0 0 10px 0}

small{font-weight: 400;font-size: 80%}

/*--common set--*/

/*float*/
.left{float: left}
.right{float: right}
.clearfix:after{content: "\0020";display: block;height: 0;clear: both;}

.container{margin:0 auto;width: 1060px}  /*根据实际需要更改*/

/*color*/
.main-color{color: #005bac} /*网站主色调*/

/*font-size*/
.font-size-12{font-size: 12px}
.font-size-14{font-size: 14px}
.font-size-16{font-size: 16px}
.font-size-18{font-size: 18px}
.font-size-20{font-size: 20px}

/*width*/
.w100{width: 100px}
.w150{width: 150px}
.w200{width: 200px}
.w300{width: 300px}
.w400{width: 400px}
.w500{width: 500px}
.w600{width: 600px}
.w700{width: 700px}
.w800{width: 800px}
.w900{width: 900px}

/*padding & margin*/
.row{margin-bottom: 40px}  /*行*/

.padding-10-0{padding: 10px 0}
.padding-0-10{padding: 0 10px}
.padding-20-0{padding: 20px 0}
.padding-0-20{padding: 0 20px}
.padding-10{padding: 10px}
.margin-10-0{margin: 10px 0}
.margin-0-10{margin: 0 10px}
.margin-20-0-0-0{margin: 20px 0 0 0}
.margin-30-0{margin: 30px 0}
.margin-0-30{margin: 0 30px}
.margin-10{margin: 10px}


.text-indent{text-indent: 2em}

/*居中*/
.text-center{text-align: center} /*inline(inline-block)元素水平居中*/
.h-center{margin: 0 auto}  /*width确定block元素水平居中*/
.v-center{display: table-cell}  /*父级元素height确定,垂直居中*/


/*首页分块标题*/
.tit{font-size: 18px;text-transform: uppercase}
.more{font-size: 14px;line-height: 25px}

/*--main--*/

你可能感兴趣的:(小网站的common.css)