CSS编写规范CSS编规范.docVIP

CSS规范 本规范概述 制定本规范的目的在于使我们的CSS代码更加易于维护和重用。在项目CSS编写之前，首先需要规划样式并分为共有样式和页面个性化样式，然后才开始编码，编码的同时进行调试，验证和代码片断的总结，而不是在所有模板都完成后才进行这三个步骤。 一、关于样式库构建 是否了解用一套同样的HTML结构，生成不同的视觉效果。CSS 的最大好处就是，灵活。比如同样的HTML结构，可以实现不同的外观；又比如，同样的外观，可以用不同的方式不实现。但灵活的同时也给我们带来麻烦。团队协作时，大家的编码风格各异，其他人要看懂并能调试的成本也因此提高。这时，我们需要一个规范，一个像红灯亮起我们就不能擅闯的规范。 关于样式库构建的规范待续…… 二、selector 命名规范： 1、命名除项目规定的前缀和公用样式名之前外，可自定义命名。请慎用 selected current disabled first last success error 2、一般情况下，如果命名比较通用，比如 current，请限定在相应的上下文环境中。比如其父节点ID为#parent 等比较通用的命名，建议写成 #parent .current{}，而非 .current{}，即使是为了重用，也应该注意。只有在非常明确不会影响到其他组件工作，并且其他人不会写这种命名的情况下，才让它变成全局通用的。 3、作为JS接