并不是偏要写成两个,写成两个原因是因为其中一个的样式在别的地方会用到。如果一个div效果一个一个样式的话,那样会重复很多的样式。无形中就会加大网页加载的时间。写成多个,每个分得很细,那样就会很明确。很清晰。可以看出来这个网页美工还是有功底的。
比如,第一个.blk_00a0{ width:100px;} 第二个.bck_no{ height;100px;},有一个DIV只需用到with:100px;那就用第一个类,而另一个DIV用到height:100px;,第三个DIV而需要width:100px;height:100px;,那么直接写这两个类就行了,不用再重新定义一个类了,懂了吗
这是两个样式,有些div用到第一个,有些div用到第二个,有些div都用到,不可能每一个div都有一个单独的样式名。
CSS的组件化、模块化,
简单来说就是把一个复杂的样式效果拆分成数个小块(因需而定),
以实现一个样式在其他地方的复用。
可以减少大量冗余繁复的CSS样式,减少样式之间的耦合,减少维护的成本。
http://www.jb51.net/article/16503.htm