base.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, 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%; vertical-align: baseline; background: transparent; list-style:none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
.clear {clear: both;}
*{ margin: 0; padding:0;}
img{ width: 100%; display: block;}
a {text-decoration: none; color: #000; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-tap-highlight-color: transparent;}
section {width: 100%;height: auto;min-height: 100%;max-width: 640px; min-width:320px;margin:0 auto;padding: 0;position: relative;background: #f8f1e9;}

body{color:#000;background-color: #FFF;padding:0px; margin:0px auto;overflow:scroll;overflow-x:hidden;overflow-y:auto; font-family: Microsoft YaHei,Helvitica,Verdana,Tohoma,Arial,san-serif; font-size: 14px;font-size: 1em; font-size: 87.5%; max-width:640px;}

/*头部*/
.header {}
.header .h_top{}
/*尾部*/
.footer{}
.footer p{}
.footer p span{}

 

index.css：功能模块

/***************************/
.row-1{}
.row-1 .r1_top{}
.row-1 .r1_left{}
/***************************/
.row-2{}
.row-2 .r2_left{}
.row-2 .box{}
.row-2 .login{}
/***************************/
.login{}
.login .l_left{}
.login .l_right{}
/***************************/

<link  rel="stylesheet" type="text/css" href="css/base.css"/>   <!-- 公共样式 -->
<link  rel="stylesheet" type="text/css" href="css/index.css"/>  <!-- 功能模块样式-->

 

<link  rel="stylesheet" type="text/css" href="css/base.css"/>   <!-- 公共样式 -->
<link  rel="stylesheet" type="text/css" href="css/login.css"/>  <!-- 功能模块样式-->
<link  rel="stylesheet" type="text/css" href="css/base.css"/>   <!-- 公共样式 -->
<link  rel="stylesheet" type="text/css" href="css/selector.css"/>  <!-- 功能模块样式-->

 

按照功能模块把css  js区分开。

 

给心灵一个纯净空间，让思想，情感，飞扬！