如何让css更小？

Question

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

Answer 1

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

body {
/** css code... **/
}

第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... **/
}

第432至434行：

html>body #content {
/** css code... **/
}

第826行至第828行：

body,td,th,.metadata a:link,.metadata a:visited,.navigation a:link,.navigation {
/** css code... **/
}

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

要素：

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

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