摘要：
1 使用缩写，button-> btn ,background->bg nav_bg.jpg2 分为通用图标和模块图标 , 通用图标'功能+名称+[状态]' btn_share ,‘模块+通用图标’ profile_btn_share, 名称尽量短3 鼠标感应效果 “图片名”+“——"on/off”. 如menu1_on.png, menu1_off.png4 高分辨率图片 logo_db@2x.png.5 雪碧图 以_sprite.png结尾, slide_sprite.png, pc_icons_btns_sprite.png,图片文件夹分类：bann 阅读全文
摘要：
作为前端开发人，经常头疼于雷鸣，标签，id名的命名，不知道应该基于什么原则。原则：2 当命名的时候，问自己，这个元素是要来做什么？(根据使用目的).ad-banner4 避免依靠位置和视觉效果命名。如.red-link #left-column3 使用更加直观的命名。虽然#header 有点用location来命名，但是这基本都遵守，比用#branding更加直观如果我问 bob 这个类，id是做什么的，他是否会自动知道好处：当你一个right-cloumn想移到左侧时，就会引起混乱，如果用.sidebar 只需修改 .sidebar{ float:left }常见命名#header#nav# 阅读全文