javascript编码规范-电魂运维部ui规范.docVIP

文档名称： 电魂运维部css编码规范 编 写： 开发组 审 核： 杭州电魂网络科技股份有限公司 - 运维部 修改历史 日期 版本 作者 修改内容 审核人 201-11-13 V1.0 丁伟 css 编码规范 引言 1.1编写目的 为了规范项目CSS编码格式常用使用，减少维护成本，特制定此文档。请严格按照此标准进行编码！ 1.2范围 本文档适用于知识库、工作流、系统开发及维护人员参考。（红色字体为强制性要求） 1.参考资料 总则 要求兼容在不同版本的浏览器中界面显示基本一致，不能出现错位。 详细规范 3.1 3.2 编码 外联样式表文件统一UTF-8编码格式，保证与html和js等文件一致！ 3.3 style/style、link /标签 请为style/style标签 通过link /标签引入外部CSS文件，其中global.css是一个独立的CSS文件。注意，属性必须添加且顺序不得调换 有关CSS所使用的标签只能按照以上，不得随意增加任何其它属性如有特殊需要，增加media属性， 3.4 公共文件 公共的文件应该作为一个单独的.css文件存储和发布。比如重置标签样式的，放在.css文件里，在项目中用link /标签引入使用。 3. 在项目中，尽量使用id或class来定义标签样式，不要随意使用font、b、strong、i、em等可用css控制页面效果的标签，或用style属性直接于标签上定义样式（特定情况除外）。 3.6 样式书写顺序 显示属性 position float | clear | display | list-style | cursor | … 自身属性 width | height | border | background | margin | padding | … 内容管理、层级 overflow | z-index | zoom | … 文本属性 text-decoration3.8 字体 一般使用，视项目具体情况，大小不能低于12px。 3.12 同一属性合并 3.13 不同选择器有相同属性及属性值的缩写 对于两个不同的选择器，但是其中有部分相同甚至是全部相同的属性属性值时，请对其加以合并或缩写，特别是当有多个不同的选择器时，合并或缩写可以减少代码量并易于同步控制。显著的一个范例就是被广泛应用css中的部分样式定义，如下所示： 3.1颜色值的缩写 参考：/view/8c5e6bccda38376baf1fae3a.html派生选择器给一个元素的子元素定义样式，在简化命名的同时使结构更加的清晰化，如： 3.缩进 编码过程中必须保持层次分明。考虑到项目CSS庞大和减小文件大小等因素，一样式只写一行，格式如：选择器 { 属性:值; 属性:值; 属性:值;}，请注意彼此之前的空格。不同板块的样式定义至少一行，方便清晰查看。如下所示： 3.23 注释 请为重要的区块、重用区块等添加注释（/* 这里注释信息 */），注释格式如下： 整段注释（分别在开始及结束的位置加入注释）如：