dw文件如何正确压缩

html-css018

dw文件如何正确压缩,第1张

百度知道

dw站点怎么压缩

查看全部2个回答

阳光媚媚168

超过123用户采纳过TA的回答

关注

成为第1位粉丝

压缩方法

使用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:点击“替换全部”完成压缩

1.新建网页,在body里插入<div align="center"><img src="images/ad-01.jpg" /></div>。

2.在img里插入width=300 height=150。

3.按F12在IE里浏览效果。

具体要看你的代码做相应的更改。

现在给您一个极端的办法。加上这段CSS,页面就强制被压缩成950的宽度了。(可能会影响页面布局!!!)

body{ width:950px margin:0 auto overflow:hidden}