本文摘自PHP中文网,作者青灯夜游,侵删。
压缩方法:1、使用DW软件打开CSS文件;2、使用“查找和替换”工具删除文件中的全部空格;3、将样式代码中多余的分号删除;4、删除多余空行,让代码都排成一排(紧贴一起)即可。
本教程操作环境:windows7系统、CSS3&&AdobeDreamweaverCS6版、Dell G3电脑。
CSS代码压缩从哪些方面入手
网页开发好后,将要发布到网站的CSS代码直接缩减压缩,比如删除空格、去掉换行、去掉多余分号等
当然有的CSS代码可以进行优化也是可以大大减少代码量从而减少文件大小。
压缩css文件的方法
使用DW软件的查找与替换工具进行替换压缩CSS代码。
1、DW软件打开CSS文件
2、删除空格压缩代码
2-1:使用快捷键“Ctrl+F”,调出查找与替换工具选项卡。
2-2:查找处键入(输入)一个英文半角小写“空格”
在“查找”输入框中输入一个空格
在“查找”输入框中输入一个空格,“替换”的输入框中无需填入然后字符或代码,这样在执行替换时候,相当于把空格替换为没有字符,相当于删除空格位置。
2-3:点击“替换全部”
点击“替换全部”后,即可将多余的空格位置删除完成,完成压缩一部分。
3、将多余的分号删除
在CSS代码中,每个CSS选择器内的最后一个CSS样式的结束是不需要“分号”结束的,换句话说每个选择器内即“后花括号”前是不需要分号结束最后一个CSS样式的。
相关阅读 >>
更多相关阅读请进入《压缩css文件》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者