如何将CSS缩小到其绝对简约的本质?

如何将CSS缩小到其绝对简约的本质?,css,performance,whitespace,minify,Css,Performance,Whitespace,Minify,亲爱的各位,看着前几天晚上我如此自豪地拼凑起来的缩小的CSS,我绝望地试图删除更多的字符,比如那些浪费的空格:“与此同时,我越是盯着这个代码,我就越开始看到模式,很清楚地从这些身体中浮现出来,如果这是绝对最小的,再加上一些隐藏的信息,现在让我直截了当地回答这个问题,因为这个问题已经被非基本字母污染得太厉害了:有没有办法进一步缩小我原本庞大的怪物css文件,使之成为一个更友好、非常小的文件?非常感谢 如果css与图像位于同一站点上,请在url()s:background:url(/path/to

亲爱的各位,看着前几天晚上我如此自豪地拼凑起来的缩小的CSS,我绝望地试图删除更多的字符,比如那些浪费的空格:“
与此同时,我越是盯着这个代码,我就越开始看到模式,很清楚地从这些身体中浮现出来,如果这是绝对最小的,再加上一些隐藏的信息
,现在让我直截了当地回答这个问题,因为这个问题已经被非基本字母污染得太厉害了:有没有办法进一步缩小我原本庞大的怪物css文件,使之成为一个更友好、非常小的文件?非常感谢

  • 如果css与图像位于同一站点上,请在url()s:
    background:url(/path/to/file.png)
  • 适用时使用速记:
    margin:0
    而不是
    margin:0px 0px 0px 0px
  • 尝试通过一个真正的迷你程序运行CSS,比如
  • 最后,在CSS和相关HTML中缩短类名
  • 把它传给左边
  • 如果css与图像位于同一站点上,请在url()s:
    background:url(/path/to/file.png)
  • 适用时使用速记:
    margin:0
    而不是
    margin:0px 0px 0px 0px
  • 尝试通过一个真正的迷你程序运行CSS,比如
  • 最后,在CSS和相关HTML中缩短类名
  • 把它传给左边
  • 这里有一堆“
    0px
    ”值,只需将它们设为“
    0
    ”就可以在那里分别保存几个字符。此外,您的负数
    文本缩进可以是
    -999em
    ,这会节省几个字符,并且根据基本
    字体大小大致相同

    如前所述,使用较短的相对路径或重新驻留在并引用为
    url(//imgur.com/name.jpg)
    也将节省一些字节

    编辑:嗯,我刚刚重读了@ithcy的答案,它提到了我所说的大部分内容。

    你有一堆“
    0px
    ”值,只需将它们设为“
    0
    ”,每个值保存两个字符。此外,您的负数
    文本缩进可以是
    -999em
    ,这会节省几个字符,并且根据基本
    字体大小大致相同

    如前所述,使用较短的相对路径或重新驻留在并引用为
    url(//imgur.com/name.jpg)
    也将节省一些字节


    编辑:嗯,我刚刚重读了@ithcy的答案,它提到了我说的大部分内容。

    因为删除剩余的空白可能会破坏布局。因为删除剩余的空白可能会破坏布局。+1真棒@ithcy:刚刚将所有
    :0px 0px 0px 0px
    实例替换为
    :0
    保存的14个字符时间21发生的例子:你救了我±300个字符!谢谢。@Sam:请记住,gzip将重复字符串对文件大小的影响减少到几乎为零。显然,从缩微中榨取你所能得到的并没有坏处,但通常你不会得到非常显著的结果。@Paul D.Waite:当你无法控制你的服务器环境(mod_deflate等)时,一个好的缩微器是非常有用的。@ithcy:当然,但只要我测量一下,缩微一项就可以获得10-15%的效果,相比之下,gzipping为60-90%。所以我认为你最好花点时间去买一个gzips之类的服务器环境,它并不是一个专业的高端功能。如果只是为了降低自己的成本,你会期望任何一个半体面的托管服务都能自动完成这项工作。@Paul:当然同意,但这不是你可以百分之百依赖的。我们无法始终完全控制主机环境。+1 Awesome@ithcy:刚刚将所有
    :0px 0px 0px 0px
    实例替换为
    :0
    14个字符节省了时间21个实例:您为我节省了±300个字符!谢谢。@Sam:请记住,gzip将重复字符串对文件大小的影响减少到几乎为零。显然,从缩微中榨取你所能得到的并没有坏处,但通常你不会得到非常显著的结果。@Paul D.Waite:当你无法控制你的服务器环境(mod_deflate等)时,一个好的缩微器是非常有用的。@ithcy:当然,但只要我测量一下,缩微一项就可以获得10-15%的效果,相比之下,gzipping为60-90%。所以我认为你最好花点时间去买一个gzips之类的服务器环境,它并不是一个专业的高端功能。如果只是为了降低自己的成本,你会期望任何一个半体面的托管服务都能自动完成这项工作。@Paul:当然同意,但这不是你可以百分之百依赖的。我们无法始终完全控制主机环境。