HTML书写规范：1.统一编码为：utf-8 所有编码均采用xhtml，标签必须闭合，属性值用双引号包括2.连接地址标签：书写链接地址时，避免重定向，如href=”http://www.newasp.net/”，需在地址后面加‘/’3.尽可能减少div嵌套，根据重要性使用h1-6标签，段落使用p，列表使用ul，内联元素中不可嵌套块级元素，为含有描述性表单元素（input，tetarea）添加 label4.图片: 能以背景形式呈现的图片，尽量写入css样式中 区分作为内容的图片和作为背景的图片，作为背景的图片采用Css sprite技术，放在一张大图里,重要图片必须加上alt属性，给重要的元素和截断的元素加上title5.注释：给区块代码及重要功能加上注释，方便后台添加功能6.转义字符：特殊符号使用转义字符（尽可能使用代码替代: 比如 <(<) & >(>) & 空格( ) & ?(?) 等等;）7.页面架构时考虑扩展性
CSS 书写规范：1.编码统一为：utf-82.页面内部尽量避免使用style属性3.css放在head标签中，由link标签引入，使页面的结构与表现分离。4.文件命名：以英文命名，后缀.css，共用：base.css，首页：index.css，其他页面样式依具体模块需求命名5.命名：以小写英文字母、数字、下划线组合命名，避免使用中文拼音，不得包含汉字 || 空格 || 特殊字符；尽量使用简易的单词组合便于理解; 避免使用拼音，采用驼峰命名法和划线命名法，提高可读性，如：dropMenu、sub_nav_menu、drop-menu等。6.图片命名：小写英文字母、数字、_ 的组合，使用有意义的名称或英文简写，最好不要使用汉语拼音，区分大小写写。命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;使用sprite技术， 减小http请求，sprite按模块制作 7.书写顺序：保证同类型属性写在一起，一般遵循布局定位属性–>自身属性–>文本属性–>其他属性的书写格式
书写顺序规则建议遵循: 布局定位属性-->自身属性-->文本属性-->其他属性. 此条可根据自身习惯书写, 但尽量保证同类属性写在一起. 属性列举部分常用：定位属性（比如：display， position， float， clear， visibility， table-layout，list-style 等）相应属性（比如：top,right,bottom,left，float，clear，visibility，overflow 等）自身属性（比如：width， height， margin， padding， border，background 等）文本属性（比如：color，font， line-height， text-align， text-indent， vertical-align，text-decoration，white- space 等）其他属性（比如：color， background， opacity， cursor，content， list-style， quotes，content 等）规避class与id命名a） 通过从属写法规避, 示例见d;b）取父级元素id/class命名部分命名, 示例见d;c）重复使用率高的命名, 请以自己代号加下划线起始, 比如i_clear;d）a,b两条, 适用于在2中已建好框架的页面, 如, 要在2中已建好框架的页面代码
中加入新的div元素,按a命名法则: ,样式写法: #mainnav .firstnav{.......}按b命名法则: ,样式写法: .main_firstnav{.......}充分利用html自身属性及样式继承原理减少代码量, 比如:- 这儿是标题列表2010-09- 15