编码规范(Css).docVIP

软件开发标准技术文档 (CSS) 编 码 规 范 SeanOuyang软件技术文档 2012年修改记录 序号 版本号 拟制人/修改人 拟制/修改日期 更改备注 1 1.0 seanouyang 2012-07-10 初稿(来源于网络) 2 1.1 seanouyang 2012-07-12 修改 目录 一、前言 4 二、命名规范 5 2.1 文件命名规范 5 2.2 常用类/ID命名规范 5 三、常规书写规范 7 3.1 选择DOCTYPE 7 3.2 指定语言及字符集 7 3.3 调用样式表 8 3.4 选用恰当的元素 8 3.5 派生选择器 8 3.6 辅助图片用背影图处理 8 3.7 结构与样式分离 9 3.8 文档的结构化书写 9 3.9 鼠标手势 9 3.10 书写格式及顺序 9 3.11 区分大小写 10 3.12 默认值 10 3.14 不需要重复定义可继承的值 10 3.15 多重class定义 10 3.16 组选择器(Group selectors) 10 3.17 用正确的顺序指定链接的样式 10 四、注释 11 4.1 行间注释 11 4.2 整段注释 11 五、样式属性代码缩写 12 5.1 颜色 12 5.2 盒尺寸 12 5.3 边框(border) 13 5.4 背景(Backgrounds) 13 5.5 字体(fonts) 13 5.6 列表(lists) 14 5.7 不同类有相同属性及属性值 14 5.7 同一属性的缩写 15 六、hack书写规范 16 6.1 IE6、IE7、Firefox之间的兼容写法 16 6.2 清除浮动 17 一、前言 软件的长期价值直接源于其编码质量。在它的整个生命周期里，一个程序可能会被许多人阅读或修改。如果一个程序可以清晰的展现出它的结构和特征，那就能减少在以后对其进行修改时出错的可能性。所有的代码都是暴露给公众的所以我们更应该保证其质量。二、命名规范 所有编码均遵循xhtml标准,?标签??属性??属性命名必须由小写字母及下划线数字组成,?且所有标签必须闭合,?包括br,?hr等属性值必须用双引号 常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn” 关于命名的更多知识，您可以参考： /search.asp?SearchContent=%E5%91%BD%E5%90%8DsearchType=title 命名规范 三、常规书写规范 3.1 选择DOCTYPE XHTML 1.0 提供了三种DTD声明可供选择： 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下： !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” /TR/xhtml1/DTD/xhtml1-transitional.dtd“ 严格的(Strict):要求严格的DTD，你不能使用任何表现层的标识和属性，例如br。完整代码如下： !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “/TR/xhtml1/DTD/xhtml1-strict.dtd“ 框架的(Frameset):专门针对框架页面设计使用的DTD，如果你的页面中包含有框架，需要采用这种DTD。完整代码如下： !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “/TR/xhtml1/DTD/xhtml1-frameset.dtd“ 理想情况当然是严格的DTD，但对于我们大多数刚接触web标准的设计师来说，过渡的DTD(XHTML 1.0 Transitional)是目前理想选择(包括本站，使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现层的标识、元素和属性，也比较容易通过W3C的代码校验。 关于DTD您可以参考： /search.asp?SearchContent=%E6%96%87%E6%A1%A3%E7%B1%BB%E5%9E%8BsearchType=title 3.2 指定语言及字符集 为文档指定语言 html xmlns=”/1999/xhtml” lang=”en” 为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所