网站建设中css代码的精简，自己的一点小总结
1：对整体的body设置一个对整个网站样式都相同的属性body { font- family:Arial, Helvetica, sans-serif; font-size:11px;}。当然也可以用*来设置，不过要慎用
2：对于颜色的设置#AABBCC,对于这样三个连续重复的颜色一定要精简为#ABC，当 然也包括#333333这一类型的，也要简写为#333。
3：对于浮动的问题，整个网站建设中有很多浮动的设置，但是发现很多人写的 css文件中到处设置的都是float：left/right。大家都知道css文件里面的样 式是从上往下读取的，当 前后样式冲突的时候，会自动运用后面的样式，那么 float这样的代码不就可以写到一起来了嘛，只要你在定义样式的时候注意前后的顺序，那么就不会出现问题了。例如：#box,ul,#nav,#search,#middle,#left,#right,#left h2,#right_index h3,#right_featured h2,#copy,#copy_nav,#copy_nav ul,#weizhi,#test,#next,#test p ,#right_testimonials,#right_testimonials h6,#right_testimonials h5,#right_testimonials p,#right_cart h2,#right_cart p,#right_register h4,#right_register p,#shipping_p p,#right_shipping h3,#shipping_p,#right_contact h3,#con_left ul,#con_left{ float:left}
4：我这里又两段代码，大家可以对比一下，看又什么区别
(A)
#right_register h4
{
background:#EFEFEF;
height:26px;
border-bottom:1px solid #CDCDCD;
font-size:14px; line-height:26px;
color:#1C1C1C;
padding-left:15px;
margin-bottom:15px;
}
(B)
#right_register h4 { background:#EFEFEF; height:26px; border-bottom:1px solid #CDCDCD; font-size:14px; line-height:26px; color:#1C1C1C; padding-left:15px; margin-bottom:15px;}
肉眼看上去，无非就是第一个把一个一个的样式各占一行，而第二个是把它们写到一起去了，可能你会感觉到后面这一个又点不容易看懂，但是它却可以减小网站的加载速度，大家都知道，样式是一行一行的加载的，如果把所以的样式都定义到一行的话，只需要加载一行就可以把所有的样式加载进去了，如果是分为几行来书写的话，岂不是又会影响网站的加载速度
5：padding ，margin， border ，发现很多人喜欢这样去设置
padding-top：10px；padding-bottom：5px；padding-left：17px；padding-right：6px；这些代码完全可以整合到一起来写的padding：10px 6px 5px 17
px；只要你记住书写顺序是：上右下左就可以很好的控制，当然如果上下左右的值相同，就直接写一个padding：10px；就可以了，如果上下相同，左右相同，就可以这样写padding：10px 20px；前者表示上下，后者是左右，margin和padding的设置要求完全相同， border也是一样可以把线的颜色 样式 高度 写在一起比如：border：1px solid #000；没有必要写成
border-top-width: 2px;
border-top-style: dashed;
border-top-color: #000000;
6:其实最主要的是要对样式代码的理解，只要理解了它代表的意思和要控制的对象，这样很多代码就是完全可以省去的，很多重复的代码完全可以整合到一起来，如果可以达到整个css文件里面没有一个相同的样式设置，那这样的代码可以说是超级的精简了。
代码的精简是需要花时间去学习和体会的，不是一天两天的时间就可以做到很好的，所以在以后的网站建设中，要多动脑筋去想一下，才能写出简洁的整齐的代码