命名规则1、尽量精确,不要出现范围太大的命名,如 newId,numberOne2、文件夹采用大驼峰形式,如:MdmHtml3、Html 文件命名采用小驼峰形式,如 index.html,mdmlndex.html4、Css 文件命名采用小驼峰形式,如 style.css,mdmStyle.css5、Img 图片采用小写字母、数字、下划线的形式,如 bg.jpg,mdm_bg.jpg6、CSS 中 id 命名采用小驼峰形式,如 id 二"searchResult"7、Js 变量/函数命名:小驼峰式命名,如 menuId/menuFunction();类采用大驼峰式命名,如 MenuPublic;8、Css 样式命名采用小写字母、中划线形式,如 class 二"btn-default"注意:class 命名,class 二"line-height25"、class 二"widthl2"这种不具有通用性的命名坚决杜绝,用相应英文类名表示。CSS 书写规范1、基本原则(1)结构化书写(重定义的最先,伪类其次,自定义最后)html,body,div,h1,h2,h3,h4,img,tfoot,th,td,{margin:0;padding:0;}a:hover{color:#FF9900;text-decoration:none}.zidingyi{font-family:"宋体";color:#f50;}2)格式化书写#mainMenuulli{float:left;line-height:30px;cursor:pointer;}#mainMenu{Width:100%;}以上两种方式都可以,项目上线之前合并压缩。(3)合并化书写对于两个不同的类,但是其中有部分相同时,加以合并缩写。如:.mainmenu{border:1pxsolid#333;height:30px;}.submenu{border:1pxsolid#333;height:20px;}两个不同类的属性值有重复之处,可以缩写为:.mainmenu,.submenu{border:1pxsolid#333;}.mainmenu{height:30px;}.submenu{height:20px;}(4)简易化书写1)颜色/背景/字体的缩写等;color:#ff3333=color:#f33;Font、background等2)省略不必要的单位 margin:0;padding:0;2、注意细则1)class 与 id 的使用:id 唯一并表示父级,class 可重复并表示子级,所以 id 仅使用在大的模块上,class 可用在重复使用率高及子级中;2)规避 class 与 id 命名相同;3)背景图片请尽可能使用 sprite 技术,减小 http 请求。HTML 书写规范1、DOCTYPE 声明及 head 区代码规范