CSS通用编码规范
发布时间:2016-03-22 18:00:04
CSS通用编码规范 总结一部分前端编码规范,CSS部分先奉上,大多比较通用,应该是主流方式吧。 1 前言本文档的目标是使 CSS 代码在团队中风格保持一致,容易被理解和被维护。尽管本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、s ...
CSS通用编码规范
总结一部分前端编码规范,CSS部分先奉上,大多比较通用,应该是主流方式吧。
1 前言
本文档的目标是使 CSS 代码在团队中风格保持一致,容易被理解和被维护。
尽管本文档是针对 CSS 设计的,但是在使用各种 CSS 的预编译器(如 less、sass、stylus 等)时,适用的部分也应尽量遵循本文档的约定。
2 CSS命名方式
- 保持 class 命名为全小写,可以使用短划线(不要使用下划线和 camelCase 驼峰式命名)
- 短划线应该作为相关类的自然间断。(例如,.btn 和 .btn-blue)。
- 避免过度使用简写。.btn 可以很好地描述 button,但是 .t 不能代表任何元素。
- class 的命名应该尽量短,也要尽量明确。
- 使用有意义的名称;使用结构化或者作用目标相关,而不是抽象的名称。
- 全局通用命名时,需要加特定前缀如 `zk-wrap`
- 局部命名时,可以根据模块内容或就近父节点为前缀
3 CSS基础设施
- 编码格式:文件编码格式 `UTF-8` 编码,在CSS文件顶格位置申明文档的编码charset
@charset "utf-8";
4 编码风格
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。