2018年4月14日
作者:你亲爱的导师
1. 协作开发及分工: Me(前端负责人，主开发人员，以下简称Me)会根据各个模块,同时根据页面相似程序,事先写好大体框架文件，分配给前端人员实现内部结构、表现、行为; 共用 CSS 文件 base.css 由Me 书写，协作开发过程中，每个页面请务必都要引入,此文件包含reset 及头部底部样式，此文件不可随意修改;
2. class 与 id 的使用:id 是唯一的并是父级的，class 是可以重复的并是子级的,所以 id 仅使用在大的模块上，class 可用在重复使用率高及子级中; id 原则上都是由 发框架了 牛时命名的,为JavaScript 预留钩子的除外;
3. 为JavaScript 预留钩子的命名，请以 js_ 起始，比如: js_hide 、js_show ;
4. class 与 id 命名: 大的框架命名比如 header/footer/wrapper/left/right 之类的在 2 中由Me 统一命名.其他样式名称由小写英文、数字、_ 来组合命名(不能以数字开头),如 i_comment,fontred,width200; 避免使用中文拼音，尽量使用简易的单词组合;总之,命名要语义化,简明化。
5. 规避 class 与 id 命名(此条重要,请及时与Me沟通):
a、通过从属写法规避,示例见d;
b、取父级元素id/class 命名部分命名,示例见d;
c、重复使用率高的命名,请以自己代号加下划线起始，比如Me_clear;
d、a,b 两条，适用于在2 中已建好框架的页面,如,要在2 中已建好框架的页面代码<div id=”mainnav”></div>中加入新的div 元素:
//按a 命名法则
<div id=”mainnav”><div class=”firstnav”>…</div>
</div>
//样式写法
#mainnav .firstnav{……}
//按b命名法则
<div id=”mainnav”><div class=”main_firstnav”>…
</div></div>
//样式写法
. main_firstnav{……}
6. CSS 属性书写顺序，建议遵循布局定位属性–>自屋性–>文本屋性–>其他屋性，此条可根据自身习
惯书写，但尽量保证同类属性写在一起.属性列举:布局定位属性主要包括: margin、padding、float(包括clear)、position (相应的top,right,bottom,left)、display、visibility、overflow 等自身属性主要包括: width、height、background、border; 文本属性主要包括: font、color、text-align、text-decoration、text-indent 等; 其他属性包括: list-style(列表样式)、vertical-align、cursor、z-index(层叠顺序)、zoom 等，所列出的这些属性只是最常用到的，并不代表全部;
相关文章
