网页开发规范管理制度 (10).docxVIP

网页开发规范 一、CSS书写规范 基本原则：CSS样式可细分为3类：自定义样式、重新定义HTML样式、链接状态样式。 1.样式为设计师自定义的新CSS样式，影响被使用本样式的区域，用于完成网页中局部的样式设定。样式名“.”+“相应样式效果描述的单词或缩写”例：“.shadow”文字样式样式名“.no”+“字号”+“行距”+“颜色缩写”例：“.no12”、“.no12-24” 2.义HTML样式为设计师重新定义已有的HTML标签样式，影响全部的被设定标签样式，用于统一网页中某一标签的样式定义。样式名“HTML标签”例：hr{border:1px dotted#333333} 3.态样式为设计师对链接不同状态设定特殊样式，影响被使用本样式区域中的链接。该样式写法有2种: a.nav.link nava:link第-种只能修饰标签中;第二种可以修饰所有包含有标签的其他标签。页面内的样式加载必须用链接方式 二、注意细则: 1.协作开发及分工:i会根据各个模块同时根据页面相似程序事先写好大体框架文件，分配给前端人员实现内部结构表现行为共用css文件base.css由书写协作开发过程中每个页面请务必都要引入此文件包含reset及头部底部样式，此文件不可随意修改， 2.class与id的使用id是唯一-的并 是父级的,lass是可以重复的并是子级的，所以id仅使用在大的模块上,class可用在重复使用率高及子级中;id原则上都是由我分发框架文件时命名的,为JavaScrip顿留钩子的除外; 3.为JavaScrip预留钩子的命名,请以js_起始.比如js_ _hide.js_ show, 4.class与id命名大的框架命名比如hererfoterwrapperleftrightZ类的在2中由i统- -命名其他样式名称由小写英文数字_来组合命名如i_ comment,fontred,width200;避免使用中文拼音尽里使用简易的单词组合总之,命名要语义化简明化. 5规避class与id命名(此条重要，若有不明白请及时与沟通): a,通过从属写法规避示例见d; b,取父级元素id/class命名部分命名示例见d, c，重复使用率高的命名,请以自己代号加下划线起始.比如i clear,