CSS 压缩

关于CSS 压缩

CSS 压缩把样式表里浏览器用不到的内容去掉，网页加载能快一点，也能少占一点流量。没有构建工具的时候最常用：WordPress 子主题、静态落地页、要粘进建站后台的一段样式。把 CSS 贴进来或打开文件，压缩结果随输入实时出现，同时显示压缩前后的大小和节省的百分比。网站里的脚本文件，也可以用JS 压缩压小。

注释和空白都会去掉，每条规则最后一个分号也会删掉；#ffffff 缩成 #fff，0px 缩成 0。以 /*! 开头的版权注释会保留，版权声明不会丢。引号里的字符串和 url() 里的路径不做任何改动，图片、字体地址不会出错。原始文件请留着方便以后修改，万一丢了，可以用 CSS 格式化把压缩过的 CSS 展开。代码只在浏览器里处理，不上传，也不占每日次数。

CSS 压缩怎么用

1. 1
   粘贴 CSS

   粘贴样式代码，或打开本地 CSS 文件。

2. 2
   看节省多少

   CSS 压缩结果实时出现，显示压缩前后的大小和减小的百分比。

3. 3
   复制或下载

   复制压缩后的 CSS，或下载成文件。

为什么用熊仔工匠

• 去注释去空白

  浏览器用不到的内容全部去掉，/*! 版权注释除外。

• 数值更短

  #ffffff 变成 #fff，0px 变成 0，规则末尾的分号删掉。

• 字符串不动

  引号里的文字和 url() 路径原样保留。

• 前后大小对比

  复制之前就能看到压缩前后的大小和减小的百分比。