层叠样式表 (英文全称: Cascading Style Sheets) 是一种用来表现 html(标准通用标记语言的一个应用)或 xml(标准通用标记语言的一个子集)等文件样式的计算机语言.
在建站的时候, 很多网站都对他们的代码进行压缩, 压缩后的 CSS 代码所占用字节数会减少, 要是访问量比较小的网站看不出明显的区别, 比较大型的网站, 就能节约很多内存资源.
我们可以使用在线工具直接压缩 CSS 文件, 也可以手动压缩 CSS 文件, 使用在线工具压缩很简单(直接百度在线压缩工具即可进行压缩), 下面我们就来看一下手动压缩 CSS 文件的方法.
最常用的前端编辑器 Dreamweaver 进行压缩代码 :
1, 打开 CSS 文件
2, 删除空格压缩代码,
使用快捷键 "Ctrl+F", 调出查找与替换工具选项卡
查找处输入一个英文半角小写 "空格"
在 "查找" 输入框中输入一个空格,"替换" 的输入框中无需填入任何字符或代码, 这样在执行替换时候, 相当于把空格替换为没有字符, 相当于删除空格位置.
点击 "替换全部" 即可将多余的空格位置删除完成, 完成压缩一部分.
3, 将多余的分号删除
在 CSS 代码中, 每个 CSS 选择器内的最后一个 CSS 样式的结束是不需要 "分号" 结束的.
避免删除错其它 "分号", 这个时候在 "查找与替换" 选项卡中 "查找" 输入框中填写 ";}"(分号 + 后花括号), 在 "替换" 输入框中只输入 "}"(后花括号), 然后点击 "替换全部", 即可完成删除多余分号符号.
4, 删除多余空行, 让代码都排成一排紧贴一起
可以手动删除空行, 也可以使用 DW 软件快速删除空行, 具体删除压缩如下. 首先将鼠标光标移动到选择器开头, 然后点击鼠标左键不放同时往上拉到上一个选择器结束前(上一个 CSS 样式选择器后花括号后), 这个时候即可选中空行, 此时选中空行为蓝色区域.
调出 "查找与替换" 工具
在选中后松开鼠标左键后, 使用快捷键 "Ctrl+F", 即可调用出 "查找与替换" 选项卡, 此时 "查找与替换" 选项卡的 "查找" 输入框中即可自动填上刚刚选取好的空行.
点击 "替换全部" 完成压缩在 "替换" 输入框无需再输入什么字符或代码, 直接点击 "替换完成", 完成替换.
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14137.html