如何还原压缩过的css或Js文件，如下图

html-css033

如何还原压缩过的css或Js文件，如下图,第1张

1、首先新建一个html文件，命名为test.html。

2、在test.html文件内,使用img标签创建一张图片显示，并设置其id属性为pic。

3、在test.html文件内,使用button标签创建一个按钮，按钮名称为“改变图片样式”。

4、在test.html文件内,给button绑定onclick点击事件，当按钮被点击时，执行cha()函数。

5、在test.html文件内,在js标签内，创建cha（）函数，在函数内，使用getElementById（）方法获得img元素对象，再使用setAttribute（）方法设置img对象的class属性为imagecss。

6、在test.html文件内,使用css定义imagecss的样式，设置为红色5px边框，宽度为300px，就可以了。

现在的CSS（压缩）工具还是比较多的，但是具体的每种都会有不同的特点。每个人使用习惯不一样，可能会出现不同的结果。其实CSS(压缩)工具使顺手了还是很好用的，就是有特殊的要自己设置下参数，不然会影响使用效果，而且一定要注意压缩方面的安全性。

首先，现在使用频率最多的是CSS（压缩）工具是clean-css，界面比较干净整洁，非常好用。但是在某一次的使用中，出现在乱码等问题，而且有多种版本，不统一。后来经过多次的尝试，压缩工具就换成了PostCSS 社区的 css-nano。

其次，有一个问题非常重要，经常使用压缩工具的朋友们要注意。那就是，在使用CSS（压缩）工具之前，不管是什么类型的压缩工具，都要仔细看下它所提供的文档。有些会有比较过激的功能，这些压缩方面的功能使用起来，一不小心就会使文档错乱。可以通过CSS（压缩）工具本身自带的配置功能，找到相关参数，把过激的功能禁用。但是如果没有参数设置，那这样的压缩工具还是尽量不要用了。

总之，找到合适的压缩工具，可以是你事半功倍，使用起来非常顺手。而且一定要对压缩工具的安全性做下检测，不能太粗心大意。如果有比较过激的压缩功能，可能会使你使用比较麻烦，可以先通过设置禁用。这样经过自己调整好的压缩工具，使用起来就非常顺手了。