让你的 Web 应用程序飞起来

　　要压缩一个 CSS 文件，运行以下命令：

java -jar yuicompressor-2.4.2.jar -o sample.min.css sample.css 

　　文件被压缩之后，输出看起来如 清单 3 所示。清单是为了便于阅读进行了格式化的，但是 YUI Compressor 输出没有换行：您看到的都是在一行。

　　清单 3. 压缩后的 CSS 文件

body{font-family:Tahoma,Geneva,sans-serif;background-color:#e2e2e2;margin:0;padding:0;} 
#header,#content,#footer{padding 0;margin 0;width:100%;min-width:600px;}#header a{ 
text-decoration:none;border:none;}#header{background:#fff url(''images/lb-h.jpg'') repeat-x  
top;height:115px;}#header img.logo{position:absolute;border:none;margin-top:10px; 
margin-left:50px;z-index:1000;}#banner{margin:0;padding:0;background-color:#fff; 
border-bottom:1px solid #bebebe;height:265px;text-align:center;}#content{background:#fff  
url(''images/lb-g.jpg'') repeat-x top;min-height:450px;display:inline-block;clear:both;} 
#footer{border-top:3px solid #bebebe;clear:both;min-height:100px;font-size:smaller;} 
#followicons{margin-left:50px;} 

　　除了简单地删除空白和注释之外，YUI Compressor 还对您的 CSS 执行大量其他优化来使文件更小。那么，为了使文件更小究竟对 CSS 代码做了什么呢?

　　删除空白。任何不必要的空白，像缩进、空行，以及元素和括号之间的空格都被删除了。如果，CSS 的空白对于正常运行是必需的，那么会被保留下来(见 清单 4)。

　　清单 4. 删除多余的空白

                        /* Before */ 
#header a  
{ 
    text-decoration : none; 
    border : none; 
} 
 
/* After */ 
#header a{text-decoration:none;border:none;} 

　　删除注释。如果在您的 CSS 文件中必须包含注释，比如，公司的版权通告，您可以在注释中输入一个感叹号(!)，通知 YUI Compressor 保留它(见 清单 5)。

　　清单 5. 除必要注释外，全部删除

                        /* Before */ 
/* This is the main content */ 
#content  
{ 
    background : #fff url(''images/lb-g.jpg'') repeat-x top; 
    min-height 

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!