CSS样式也优化

　　CSS文件如下（过错示例）：

#main{width:500px;text-algin:left;font-size:12px;color:#000000;}
#body1{width:500px;text-algin:center;font-size:12px;color:#FF0000;}
#content{text-algin:left;font-size:12px;color:#000000;}
#body2{text-algin:left;font-size:12px;color:#000000;}

　　我们能够从上面的代码中轻易地看出，有许多的冗余代码，现在咱们来书写正确的代码：

#main{width:500px;text-algin:left;font-size:12px;color:#000000;}
#body1{text-algin:center;color:#FF0000;}
#content{width:300px;text-algin:left;color:#000000;}
#body2{}

　　以上就是正确的代码，因为我们在制作SKIN时，对PJBLOG的DIV结构没搞清楚，才会呈现这种过错。

　　四、display:none的运用

　　display:none的作用就是使被界说的层不显现。咱们再来看看这段代码：

#blogTitle{font-size:0px;margin:10px 3px 3px 40px;height:20px;color:#FFC1E6;display:none}

　　我们有没有觉得这有些多余呢，是的，既然设置了不显现，为何还要保留那些不必要的款式呢？呈现这种情况我就晓得，这个SKIN是改自某人的。

　　五、还是margin和padding

　　我还是经过例子来给我们说明，层的界说同上，以下是CSS的界说（过错示例）：

#main{margin:5px 0px 5px 0px;}
#body1{margin:12px 0px 10px 0px;}
#content{margin:8px 0px 2px 0px;}
#body2{margin:10px 0px 15px 0px;}

　　现在咱们再来书写正确的款式：

#main{}
#body1{margin-top:17px ;}
#content{margin:8px 0px 2px 0px;}
#body2{margin:20px 0px ;}

　　这儿需求我们制作一下示例才能了解，首要#main{margin:5px 0px 5px 0px;}是没有必要的，他无非界说的就是整个页面的上、下外边距。（在必定场合下却需求这样书写）咱们相同能够经过界说#body1的上边距和#body2的下边距来设置，所以才有了#body1{margin-top:17px ;}和#body2{margin:20px 0px ;}（这儿界说的是#body2的上下边距为20px，左右边距为0px，也是缩写的一种方式。）

　　相同的道理，于是咱们能够省略了#body1的下边距，在#content层在界说上边距，另外我们还需求先弄清楚层的嵌套关系，否则就会出错。