1：设计图---》分出几个独立模块---》颗粒化布局---》文档流控制整体布局---》固定位置的元素绝对定位，段落这种元素不可绝对定位。-----》加上和后台交互用的js代码----》会采用常规的交互写法。
头部：header
登录表单:form_list
按钮:but
文本:con_text
商品：goods
说明：text_explain
2:独立模块内部还可细分---》抽象出公共部分。
例如按钮
but:共同样式
small_but：小按钮独有样式
big_but：大按钮独有样式
<button class="but small_but"></button>:巧用多类选择器.
3：按钮---->span--->a--->用的较多。
提交表单：button标签，需加type属性；
跳链接按钮：a标签---》适用性较好；
获取验证码：<input type="button" /> span标签也好使；
4：前端展示的数据---》留个span标签--》方便后台调用。
5：css中各模块注释----》最好使用英文-----》 /*header s*/
6:边框---》border：1px solid #fff;---->手机屏幕分辨率最低为1px---->宽度为1px时候不用写成rem的形式。
7：提前问问有公共样式吗----》防止和自己的样式表重叠。
8：按钮提交后----》成功状态---》失败状态---》不全的话和设计要-----》直接写在相应位置注释掉即可。
9：切图---》考虑一致性---》考虑后续可能更改---》尽量大点----》为后续更改留空间。
10：svn--->下载软件和中文包---》安装---》登录---》先更新再提交---》提交时候必要加上修改注释否则提交不上。
11：在SVN上修改后，注意更新提交相关修改过的---》不要漏---》如样式表----》图片---》HTML----》js.
12:svn中css js 图片地址要转换成服务器绝对地址。
13：搞定后和后台说下，就像设计和你说一样。