首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

切图的一些轨范和要求

2012-09-07 
切图的一些规范和要求1.相同的局部页面,DIV和CSS要完全一致,因为后台代码是引用关系。(1).对于可能复用的DI

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

热点排行