如何压缩css文件


当前第2页 返回上一页

4.png

同样使用DW软件“查找与替换”功能删除掉,避免删除错其它“分号”,这个时候在“查找与替换”选项卡中“查找”输入框中填写“;}”(分号+后花括号),在“替换”输入框中只输入“}”(后花括号),然后点击“替换全部”,即可完成删除多余分号符号。

4、删除多余空行,让代码都排成一排(紧贴一起)

可以手动删除空行,也可以使用DW软件快速删除空行,具体删除压缩如下。

4-1:首先DW打开CSS文件代码

4-2:选中空行

首先将鼠标光标移动到选择器开头,然后点击鼠标左键不放同时往上拉到上一个选择器结束前(上一个CSS样式选择器后花括号后),这个时候即可选中空行,此时选中空行为蓝色区域。

5.png

4-3:调出“查找与替换”工具

在选中后松开鼠标左键后,使用快捷键“Ctrl+F”,即可调用出“查找与替换”选项卡,此时“查找与替换”选项卡的“查找”输入框中即可自动填上刚刚选取好的空行。

6.png

4-4:点击“替换全部”完成压缩

在“替换”输入框无需再输入什么字符或代码,直接点击“替换完成”,完成替换。

7.png

快速使用DW软件进行着几步操作即可完成对CSS代码(文件)压缩精简。

css压缩的好处:

1、减小了文件的体积

2、减小了网络传输量和带宽占用

3、减小了服务器的处理的压力

4、提高了页面的渲染显示的速度

(学习视频分享:css视频教程)

以上就是如何压缩css文件的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

如何压缩css文件

更多相关阅读请进入《压缩css文件》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...