标准的xhtml主要以div+css来实现页面布局和style修饰。这类架构往往需要写比较多的styles，这样的结果导致css文件会很大，本文讨论的是一些缩小css文件大小的技巧。

注释

如果css文件中一些注释是必须不能去掉的，则尽量写的简单一些。如下的注释：

/*———————-*/
/*—–Comment—–*/
/*———————-*/

可以简化成：

/*Comment*/

同时尽量去掉多于的空格。

颜色定义

如下的颜色定义：

color: #000000;
color: #dd44ff;

可以简化成:

color:#000;
color:#d4f;

margin、padding多行定义写成一行

如：

Padding-left:10px;
padding-right:20px;
padding-top: 0;
padding-bottom:30px;

简写成：

Padding: 0 20px 30px 10px;

又或者：

padding-left:10px;
padding-right:10px;
padding-top: 0;
padding-bottom: 0;

可以简写成：

Padding:10px 0;

0px可以去掉后面的px

如Padding: 10px 0px 0px 0px;可以写成：Padding: 10px 0 0 0;

合理的定义id和class

尤其是class，如果定义的合理，可以很好的重用。

对于不同元素的相同定义可以连起来定义

如：

h1{
margin:0;
padding:0;
}

h2{
margin:0;
padding:0;
}

h3{
margin:0;
padding:0;
}

可以写成：

h1, h2, h3{
margin:0;
padding:0;
}

最后一点，借助工具来压缩你的css文件

如去掉空格、分行和注释等等。推荐一个csscompressor。