通过宜家的家具设计方法学习CSS模块化
很久之前就知道 宜家 ，以前在广州的时候也去过一次，给我的印象就是：大、贵、巧。地方很大，东西很贵，设计很巧。现在住的地方离宜家不远，这个月找时间去逛了下，地方还是那么大，东西还是那么贵，设计还是那么的巧。虽然没有买什么东西，不过也还是有所收获的，通过宜家的家具设计方法，我们可以聊聊模块化。
去过宜家的同学应该都有注意到，宜家的家具基本都是组合的，可拆装。模块化的特点也是这样，可以组合，相对独立，在需要的时候可以很方便的加上。那怎么写可以基本实现这种方式呢？给个简单的例子：
div class="mode-a"
h3模块化Demo/h3
p模块化结构的例子。/p
/div
对应的CSS可以这么写：
.mode-a{...}
.mode-a h3{...}
.mode-a p{...}
其中mode-a就是这个模块的名称，表示这是名为a的模块，现在这个模块可以被放到你所需要的地方。既然是做模块，就不会只有一个，我们再加一个mode-b：
div class="...[ 查看全文 ]
2016-02-19
标签:
