及现在的

　　body, dl, dd, h1, h2, h3, h4, h5, h6, p, form, pre, textarea { margin: 0; }

　　ol, ul { margin: 0; padding: 0; }

　　td, th, input { padding: 0; }

　　同时还会定义一些辅助的

　　input,select,textarea,button { vertical-align: middle; border: none; background: #FFF; }

　　br { line-height: 0; font-size: 0; }

　　li{ list-style-type: none; }

　　img { vertical-align: top; border: 0; }

　　ul,ol { list-style: none; }

　　pre { text-align: center; white-spacere-wrap; word-wrap: break-word; }

　　em,i { font-weight: normal; font-style: normal; }

　　table { border-collapse: collapse; table-layout: fixed; width: 100%; }

　　td,th { word-wrap: break-word; word-break: break-all; overflow: hidden; }

　　样式重置的目的是为了清除一些浏览器样式不统一的地方。

　　5.2 通用样式库

　　前面已经展示，这里只说说命名。这些命名是我的习惯，各位可以根据自己的命名标准。我一般使用属性的首字母命名。如float：left，那么这个类就用fl。同理.tdu 就代表.tdu { text-decoration: underline; }。

　　5.3 公共样式库

　　这一块其实和通用库差不多，但是由于其定义的值为变量。如外上边距10px

　　.mt10 { margin-top: 10px; }

　　内下间距10px

　　.pb10 { padding-bottom: 10px; }

　　字体

　　.fa { font-family: Arial; }

　　大小

　　.fz14 { font-size: 14px; }

　　还有行高，左右外边距等等。

　　5.4 布局样式库

　　这里面定义一些网站的公用版块，页脚、页眉 ，以及网站使用的一些常规布局。

　　还想在说说栅格化布局。倘若使用了栅格化布局，那么每个版块的宽度就是一定范围且是有规律的值。那么就可以在这里定义一系列宽度值了。这里只是强调，至于栅格化布局的始末，我会单独说明。

　　5.5 按钮、图标、表单库

　　对于网站的图标，可以集中到一张图上，当然这些图标是使用率高的，各频道都会使用的。做法可以参照之前说的CSS Sprites。

　　当若不是BS结构的页面。表单，按钮等也会不多，可以不单独定义。

　　5.6 模块库

　　收集网站的一些公用的分页、评论等，这里就需要设计、前端、后台通力合作，才能使模块库建立起来。

　　5.7 私有库

　　听这么名字就知道，是页面所特有的样式。属于微调。也就是一个页面加载上述库之后需要完成的。我相信前面的工作完成后，这块就是小工作了。同时，之前所说的分离，有些地方不适合使用分离样式时，那就需要在每个页面的私有库里定义。

　　6 最后想说的

　　这一设想的完成，最重要的还是反复强调的各人员间的合作。第二点，也就是前端的水平，倘若CSS理解不透彻，对样式分离把握不娴熟也是很难达到理想效果的。

　　其实我现在的水平还是有限的，上升的空间还很大。同时这些观点也是工作中及在前人的肩膀上总结慢慢形成的。这些并不是真理，其中不乏有错误的地方。您在阅读后发现有不合理的地方，欢迎指出。

　　对于现在工作想说的：我这并不是说这套模式就应该到现在网站开发中，因为开发模式的改版，意味着变革，变革这东西，向来阻力大。且不见得就是对的。而我现在在工作中，其实已经使用了CSS分离 及合并的方法，对工作效率的提升，自己有切身的感受到，只是没有应用单独库的概念。样式中，通用库，公共库，重置等都是在一个页面中。

　　而一旦使用这套模式，在前期，怎样建立好这套样式库，还是需费一些精力的。

　　这里是对平时工作中一些零散理论，技巧的一个总结，由于文字功力的限制，会有表达不当之处。