切图的一些规范和要求

1.相同的局部页面，DIV和CSS要完全一致，因为后台代码是引用关系。

(1).对于可能复用的DIV,宽度尽量自适应。

2.简化DIV结机构

(1).能够一层DIV，绝对不要用2层。

(2)菜单的当前状态，尽量在<li>这种一层搞定，不要<li><a>都加新类来表示当前状态。

(3)大部分clear可以采用:

.clearfix:after{display:block;clear:both;content'.';height:0px;visibility:hidden;font-size:0;}

.clearfix{*zoom:1;}

来实现，不用增加新的div结构，包含浮动div的DIV高度可以自适应。

3.浏览器兼容性

(1)所有浏览器测试

(2)js也同时测试。一些交互的风格，比如鼠标hover时的样式，最好在不同浏览器中也有测试。

4.CSS规范

(1)CSS开始要清理元素的风格，越彻底越好。

(2)默认字体，行高的全局设置。链接样式的全局设置。

(3)注释，已经做得很好了，要坚持

(4)命名，要有意义，且尽量不要与样式相关。如果有一天想把green_btn换成红色，还是叫green_btn这个就比较让人疑惑了。

比如mt10,green_btn.比较好的account_subnav,audit_categories

(5)对于特殊的属性，可以用上下文关系来定义，不要太多的定义类。

(6)csshack的写法尽量统一。

(7)表单，表格的规范切图方法请咨询师金龙。

思考的内容。

1。CSS类是什么？类是指对相同元素属性的归集。如果DIV类太多，一个DIV有4-5个类，表示你归类不够，同样，如果每个DIV都有一个自己的类，说明你分类不够。这个度的把握比较艺术，请在实践中不断掌握。目标就是要保持CSS文件的大小适度。

2.CSS的基本目的是风格和内容分离，请在切图的时候思考，未来哪些风格，表现会变化，现在的切图是否能再是修改CSS文件，不修改html文件的情况下适应变化。