hacke2' Blog

模块化是指解决一个复杂问题时自顶向下逐层把软件系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。模块具有以下几种基本属性：接口、功能、逻辑、状态，功能、状态与接口反映模块的外部特性，逻辑反映它的内部特性。在软件的体系结构中，模块是可组合、分解和更换的单元

正所谓见仁见智，所以如何组织CSS可以有多种角度，例如按功能划分:将控制字体的CSS集中在font.css文件里，将控制颜色的CSS集中在color.css，文件里，将控制布局的CSS放在1ayout.css文件里;或者按区块划分:将头部的CSS放在head.css里，底部放在foot.css里，侧边栏放在sidebar.css.，主体放在main里。不同角度的组织方法都有自己的道理，也有自己的优点和缺点。 这里推荐一种组织CSS的方法:base.css + common.css + page.c

在CSS中其实也有面向对象里的三大思想，封装，继承，多态

6. 模块化设计6.1 样式的作用域──页面重构中的模块化设计（一）模块化设计我已经提过很多了，都是跟模块化相关的，不过之前一直没有讲到具体实现方面的内容，只是一些思维。这次重点讲一下实现方面的内容，权当到目前为止我对模块化的一些总结整理。要做好模块化，我觉得理解好样式的作用域是很重要的。写过程序的同学应该都知道，变量是有作用域的（不知道的同学自己去问谷歌，这里就不作解释了），样式的定

编写css也是一样，从最初只是定义文字颜色、内容排版，到现在定义所有的表现。css框架也渐渐被重视了，因为大家都认识到：从具象的表现中抽出抽象的模块来重复使用，是减少用户下载、方便团队及个人开发最重要的手段。

CSS里也包含了设计模式的6大原则，今天讲讲聚合/组合原则--多用组合，少用继承

7. CSS的命名7.1 基本命名头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column