类名命名随意，只要有语意就行
从来不注意什么中划线，下划线
甚至有时候在CSS中直接使用id
每一部分都是单独使用颜色属性，之间没有联系，改一个主题，基本是全部都改一遍
刚刚在做CSS动画的时候，突然觉得一点遵循都没有，太随意了，故简单总结一下，作为以后自己的规范，可以学习一下bootstrap的css命名书写规范。
CSS书写位置
在看其他人的总结的css的书写位置时，分为以下五个部分：位置属性、大小、文字系列、背景、其他
在一个类中：书写顺序为：大小、背景、文字系列、位置属性和其他
理由：每一个盒模型，先确定大小颜色，然后方便调试位置等，允许的话，可以使用var关键字。
如果在多个盒模型中，他们有相同的CSS，需要提取到一个common类中，这个common类需要规范定义：
// 大小相同时 <div class="com-size other"></div> <div class="com-sidebar-size other"></div> // 背景颜色相同时 <div class="com-color other"></div> <div class="com-nav-color other"></div> // 文字相同时 <div class="com-font other"></div> <div class="com-content-font other"></div>
CSS缩写属性
padding、margin、.6rem
使用中划线命名
为选择器添加状态前缀 如 .is-writing{}
主要的 master.css
模块 module.css
基本共用 base.css
布局、版面 layout.css
主题 themes.css
专栏 columns.css
文字 font.css
表单 forms.css
补丁 mend.css
打印 print.css