如何命名css
总体来说命名是个很困难的事情，因为需求会变。 现在看起来再合适的名字，在变动后都可能看起来不合适了。
大体上来说，可以把命名方式分成三种：
- 功能命名
- 内容命名
- 展示效果命名
功能命名
<button class="positive-button">Send Message</button>
这种功能性的命名，一改系统都会一起改，所以非常好维护。
不过这种并不可能全覆盖，因为设计不可能都是逻辑性的。
这种情况下就需要使用另外两种命名方式了。
它们有的暗示和维护性。
内容命名
<button class="submit-button">Send Message</button>
这种命名方式，是内部的内容的。
这种对于小型网站是比较适合的。
但是随着网站越来越大，就越来越不合适，因为不方便复用。
展示效果命名
<button class="green-button">Send Message</button>
这种就是按照展示效果命名，好处就是容易理解和复用。
坏处就是，容易把css与内容混在一起。
另外一个点就是，同样的效果，细微的差异，比较难以设计名称，
可能起出来非常长的名字。。。。
总结
功能命名通常是最方便的，如果能用就用这种。
如果想不出来一个妥妥的名字。
那么就考虑后面两种。
如果是小站点，适合采用内容命名
如果是大站点，适合采用展示效果命名