在建站的时候,很多网站都对他们的代码进行压缩,压缩后的CSS代码所占用字节数会减少,要是访问量比较小的网站看不出明显的区别,比较大型的网站,就能节约很多内存资源。
我们可以使用在线工具直接压缩css文件,也可以手动压缩css文件,使用在线工具压缩很简单(直接百度在线压缩工具即可进行压缩),下面我们就来看一下手动压缩css文件的方法。
最常用的前端编辑器Dreamweaver进行压缩代码 :
1、打开CSS文件
2、删除空格压缩代码,
使用快捷键“Ctrl+F”,调出查找与替换工具选项卡
查找处输入一个英文半角小写“空格”
在“查找”输入框中输入一个空格,“替换”的输入框中无需填入任何字符或代码,这样在执行替换时候,相当于把空格替换为没有字符,相当于删除空格位置。
点击“替换全部”即可将多余的空格位置删除完成,完成压缩一部分。
3、将多余的分号删除
在CSS代码中,每个CSS选择器内的最后一个CSS样式的结束是不需要“分号”结束的。
避免删除错其它“分号”,这个时候在“查找与替换”选项卡中“查找”输入框中填写“;}”(分号+后花括号),在“替换”输入框中只输入“}”(后花括号),然后点击“替换全部”,即可完成删除多余分号符号。
4、删除多余空行,让代码都排成一排紧贴一起
可以手动删除空行,也可以使用DW软件快速删除空行,具体删除压缩如下。首先将鼠标光标移动到选择器开头,然后点击鼠标左键不放同时往上拉到上一个选择器结束前(上一个CSS样式选择器后花括号后),这个时候即可选中空行,此时选中空行为蓝色区域。
调出“查找与替换”工具
在选中后松开鼠标左键后,使用快捷键“Ctrl+F”,即可调用出“查找与替换”选项卡,此时“查找与替换”选项卡的“查找”输入框中即可自动填上刚刚选取好的空行。
点击“替换全部”完成压缩在“替换”输入框无需再输入什么字符或代码,直接点击“替换完成”,完成替换。
推荐:css文档
以上就是怎么对css进行压缩?的详细内容,更多请关注易知道|edz.cc其它相关文章!