切图的一些规范和要求

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)css hack的写法尽量统一。
  (7)表单，表格的规范切图方法请咨询师金龙。
思考的内容。
  1。CSS类是什么？类是指对相同元素属性的归集。如果DIV类太多，一个DIV有4-5个类，表示你归类不够，同样，如果每个DIV都有一个自己的类，说明你分类不够。这个度的把握比较艺术，请在实践中不断掌握。目标就是要保持CSS文件的大小适度。
  2.CSS的基本目的是风格和内容分离，请在切图的时候思考，未来哪些风格，表现会变化，现在的切图是否能再是修改CSS文件，不修改html文件的情况下适应变化。