切图的一些规范和要求
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文件的情况下适应变化。