代码开发规范文档.doc

HTML/CSS代码开发规范文档 PAGE 第 PAGE 2页 HTML/CSS代码开发规范文档 目 录 TOC \o 1-3 \h \z HYPERLINK \l _Toc 1、前言 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 2、HTML编码规范 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 2-1HTML标记的关闭规范 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 2-2HTML文件头基本标记 PAGEREF _Toc \h 4 HYPERLINK \l _Toc 2-2HTML正文代码标记元素 PAGEREF _Toc \h 5 HYPERLINK \l _Toc 2-3HTML标记的缩进规范 PAGEREF _Toc \h 6 HYPERLINK \l _Toc 3、HTML文件引入CSS样式代码和Javascript代码规范 PAGEREF _Toc \h 6 HYPERLINK \l _Toc 3-1引入css样式代码规范 PAGEREF _Toc \h 6 HYPERLINK \l _Toc 3-2引入Javascript代码规范 PAGEREF _Toc \h 7 HYPERLINK \l _Toc 4、HTML注释标签!--和-- PAGEREF _Toc \h 8 HYPERLINK \l _Toc 5、CSS编码规范 PAGEREF _Toc \h 8 HYPERLINK \l _Toc 5-1 CSS编码要求 PAGEREF _Toc \h 8 HYPERLINK \l _Toc 5-2 CSS样式表规范 PAGEREF _Toc \h 8 HYPERLINK \l _Toc 5-3 CSS命名规范 PAGEREF _Toc \h 9 HYPERLINK \l _Toc 5-4样式文件命名 PAGEREF _Toc \h 10 HYPERLINK \l _Toc 5-5样式文件布局 PAGEREF _Toc \h 11 HYPERLINK \l _Toc 6、CSS常规书写规范及方法 PAGEREF _Toc \h 11 HYPERLINK \l _Toc 6-1文件调用方法: PAGEREF _Toc \h 11 HYPERLINK \l _Toc 6-2 CSS结构化书写 PAGEREF _Toc \h 11 HYPERLINK \l _Toc 6.2.1派生选择器： PAGEREF _Toc \h 11 HYPERLINK \l _Toc 6.2.2辅助图片用背影图处理： PAGEREF _Toc \h 12 HYPERLINK \l _Toc 6.2.3结构与样式分离： PAGEREF _Toc \h 12 HYPERLINK \l _Toc 6.2.4文档的结构化书写 PAGEREF _Toc \h 12 HYPERLINK \l _Toc 6-3 HACK CSS书写规范 PAGEREF _Toc \h 13 HYPERLINK \l _Toc 6.3.1 IE6、IE7、Firefox之间的兼容写法 PAGEREF _Toc \h 13 HYPERLINK \l _Toc 6.3.2屏蔽IE浏览器 PAGEREF _Toc \h 14 HYPERLINK \l _Toc 6.3.3清除浮动 PAGEREF _Toc \h 14 HYPERLINK \l _Toc 6.3.4鼠标手势 PAGEREF _Toc \h 15 HYPERLINK \l _Toc 7、CSS性代码缩写 PAGEREF _Toc \h 15 HYPERLINK \l _Toc 7.1不同类有相同属性及属性值的缩写 PAGEREF _Toc \h 15 HYPERLINK \l _Toc 7.2同一属性的缩写 PAGEREF _Toc \h 16 HYPERLINK \l _Toc 7.3内外侧边框的缩写 PAGEREF _Toc \h 16 HYPERLINK \l _Toc 7.4颜色值的缩写 PAGEREF _Toc \h 18 HYPERLINK \l _Toc 8、CSS注释书规范 PAGEREF _Toc \h