使用DW软件的查找与替换工具进行替换压缩CSS代码。
1、DW软件打开CSS文件
2、删除空格压缩代码
2-1：使用快捷键“Ctrl+F”，调出查找与替换工具选项卡。
2-2：查找处键入(输入)一个英文半角小写“空格”
在“查找”输入框中输入一个空格
在“查找”输入框中输入一个空格，“替换”的输入框中无需填入然后字符或代码，这样在执行替换时候，相当于把空格替换为没有字符，相当于删除空格位置。
2-3：点击“替换全部”
点击“替换全部”后，即可将多余的空格位置删除完成，完成压缩一部分。
3、将多余的分号删除
在CSS代码中，每个CSS选择器内的最后一个CSS样式的结束是不需要“分号”结束的，换句话说每个选择器内即“后花括号”前是不需要分号结束最后一个CSS样式的。
同样使用DW软件“查找与替换”功能删除掉，避免删除错其它“分号”，这个时候在“查找与替换”选项卡中“查找”输入框中填写“}”(分号+后花括号)，在“替换”输入框中只输入“}”(后花括号)，然后点击“替换全部”，即可完成删除多余分号符号。
4、删除多余空行，让代码都排成一排(紧贴一起)
可以手动删除空行，也可以使用DW软件快速删除空行，具体删除压缩如下。
4-1：首先DW打开CSS文件代码
4-2：选中空行
首先将鼠标光标移动到选择器开头，然后点击鼠标左键不放同时往上拉到上一个选择器结束前(上一个CSS样式选择器后花括号后)，这个时候即可选中空行，此时选中空行为蓝色区域。
4-3：调出“查找与替换”工具
在选中后松开鼠标左键后，使用快捷键“Ctrl+F”，即可调用出“查找与替换”选项卡，此时“查找与替换”选项卡的“查找”输入框中即可自动填上刚刚选取好的空行。
4-4：点击“替换全部”完成压缩
理想的情况是只拥有一个CSS文件（如果你使用RWD以支持IE的老版本，那就需要两个CSS文件。）构建并维护几个单独的CSS文件也算合理，但在部署到产品服务器之前，你应该将它们集合在一起，并删掉那些不必要的空白区域。
Saas、LESS和Stylus等预处理器可帮你完成这些痛苦的工作。 Grunt.js、 Gulp等工具可自动化你的工作流。如果你更喜欢GUI，可借助Koala提供的免费跨平台应用。
如果你觉得这些比较麻烦，也可手动通过命令行工具将CSS文件集中在一起，如在Windows中，可使用如下代码：
在Mac/Linux中，可使用如下代码：
最终文件经过在线CSS压缩工具（如 cssminifier.com、 CSS Compressor &Minifieror等）压缩后即可运行。
最后，请记住在头部（Head）加载所有CSS，以便浏览器展示接下来的HTML元素，同时也可避免浏览器下次再重绘页面元素。
