切图的一些规范和要求

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文件的情况下适应变化。

相关推荐