如何让css更小?

Cha*_*lie 0 css

我有一个CSS文件,它对整个页面进行了样式处理,并且它正在进行Gzip,并且它已经缩小了,但它仍然是200kb.还有什么我可以做的吗?

Sha*_*haz 8

我看了你的个人资料,找到了www.charliecarver.me,看了一下,发现了一个css文件.如果这是您的网站和您正在讨论的css文件,那么您会重复很多陈述.例如,css文件的第1行到第13行如下所示:

body {
/** css code... **/
}
Run Code Online (Sandbox Code Playgroud)

第15到17行看起来像这样:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,th,td {
/** css code... **/
}
Run Code Online (Sandbox Code Playgroud)

第432至434行:

html>body #content {
/** css code... **/
}
Run Code Online (Sandbox Code Playgroud)

826到828行:

body,td,th,.metadata a:link,.metadata a:visited,.navigation a:link,.navigation {
/** css code... **/
}
Run Code Online (Sandbox Code Playgroud)

所有这些都可以通过引用正文的一个代码块来完成.因此,减少重复的数量.只是为了让您了解重复的内容:

要素:

  • "div"出现了35次
  • "dt"出现50次
  • "dd"出现30次
  • "ol"出现了49次
  • "li"出现了6次
  • "yui"出现315次

此外,仅使用您需要的东西将大大减小尺寸.