麦客堂--我很爱玩，但我至少喜欢计算机

    在软件开发领域，我们会经常提到设计模式，如何得到设计模式，或者说如何设计一套模式呢？有经验的架构师经常会告诉我们：从重构中得到模式。

   我们在设计CSS样式表的时候，往往也需要这样的思路，有个好的设计思路，会让你的网站的整体样式易于管理、易于扩展，实例如下：

  我们在设计网页设计时， 经常会用到<ul><li></li></ul>来显示新闻列表 或者 导航菜单，但是呢，我们每次在用到<ul>的时候,往往都需要设置<ul>的margin、padding等属性,但是我们是不是要为每一个ul都设置margin、padding呢，NO,我们可以写一个publicStyle.css样式文件，来放一些网站中常用的样式，比如说刚才用到的ul标签，我们可以在publicStyle.css里写入ul{margin:0,padding:0},以后只要在网页中导入publicStyle.css文件，网页中的ul默认就设置了margin和padding属性。

  在publicStyle.css样式文件内，我们还可以写入一些常用和公用的样式属性，比如一个网站内我们要经常要为一个div添加一个 灰色边框，我们可以写一个类：.greyBorder{border:solid 1px #CCCCCC;}，凡是在用到灰色边框样式的时候，我们都可以设置该元素的class="greyBorder"。

   这样有什么好处呢，好处是：我们实现了CSS的职责分离，我们把公用的样式单独写在一个文件内，当我们再扩展 或者说再添加一些公共样式的时候，直接打开publicStyle.css样式就可以了。这样，我们就可以把网站的内容模块的样式分别写在独立的CSS文件内，易于了管理和扩展。

   最后总结：通过CSS模块化设计，我们能很好的管理自己的样式代码，其实网页设计真的是一个很容易让人头大的工作，有时候因为1px的错误，就会使整个网页的样式崩溃，如何在样式发生错误时，能够很轻松的找到错误点，并且修改，是我们一直所最求的，我们是在设计代码，而不是代码设计我们！