css富有语义的为类命名

HTML语义化一直是热门的话题，有些人一直为之奋斗，有些人批评称为教条主义，有些人不知道这是什么。
可以遵循下面的原则

1.使用适当的语义
2.模块化
3.采用统一的命名规范
4.遵循单一功能原则

1.语义化

在html与css中语义化一直是热门的话题，在html中语义化将对标签，类，id，属性做出描述，而不是指定元素的内容。在html中，意味着你需要一个合适的html标签，（如果你已经学过html5的话）这是不错的选择。
同时，css富有语义也很重要，在编写css类名时，要尽量做到“不指定的描述”这个原则。
下面来看一个demo：

<article class="blueBg">
    ...
</article>  

上面的article标签想指定蓝色背景，但是假设未来页面设计这部分改成绿色背景，那么这个类名就很尴尬了，正确的做法应该是

<article class="article-movie">
    ...
</article> 

类名来描述article标签的功能，这样还能大大提高复用性！
简单来讲，css类名尽量容易理解，不要太具体，太特殊。

后面的在补