资 源 简 介
去除掉没有用到的class,然后把剩下的css 压缩 到一个新的css文件
如何使用:
准备好一个base.css文件,当然文件名可以随便定义,这个css尽量包含常用的属性,像这样
.pt1{padding-top:1px}.pt2{padding-top:2px}...
当然不仅仅是padding。margin,width,color,border等等都可以,这样在写html的时候,如果想margin left 5像素,那么就class="ml5",如果还要背景色是333,就class="ml5 bg333",再想padding 5像素的话,就class="ml5 bg333 p5",这样做有两个好处:
让css得到重用。就像积木一样,我们把最小的积木都做好,拼的时候,把它们拿来就行了,而不用为了某一模块单独去打造一个特例。
不用再去想class的名字。有时,起名字是个很头疼的问题,尤其当名字多的时候,自己都忘了哪个对应哪个。
但这样做也有一个很明显的弊端,产生了一堆没用的class,如果我们只用到了pt1,那么pt2-pt20这些class都浪费了,白白增加了文件的体积。
于是乎,我的工具就这么诞生了。她可以把要用到的class,全部分离出来,然后再合并,压缩成一个单独的css文件。