思洋互动网站建设学前班

广州网站建设,网站建设,广州网页设计,广州网站设计

声明CSSmagin值得时候通常会写成这样:

1.    margin-top:0px;  
2.  
3. margin-right:10px;  
4.  
5. margin-bottom:0px;  
6.  
7. margin-left:10px;  
8.  

让我们试试把值为0的单位去掉，并把4条声明合并成一条声明:　

1. 　margin:010px010px;  
2.  

当你生命padding、margin、border(还有一些其他属性)时，记得要把按照顺时针的方向来声明属性值，也就是按照上-右-下-左的方向。关于这些属性还有另一个更加简单的写法，看看属性中上和下、左和右是否值是相等的，如果是那么就可以进一步优化了，你可以省略掉后两个值，剩下的两个值前者指上下，后者指左右:

1. margin:010px;  
2.  

它是指左右的值为10px，上下的值为0；

◆Padding(内边距)

padding的简写技巧等同于margin:　

1.   　padding-top:0px;  
2.    
3. padding-right:10px;  
4.  
5. padding-bottom:0px;  
6.  
7. padding-left:10px;  
8.  

可以写成:

1. padding:010px;  

◆Borders(边框)

边框的简写方式相比其它生命来说会比较复杂，很多CSSer一开始都容易记混它的简写顺序，如果你想声明一个1像素宽的实线黑色边框，可能会写成:
广州网站建设,网站建设,广州网页设计,广州网站设计

1. border-width:1px;  
2. border-style:solid;  
3. border-color:#000;  
4.  

其实可以写成:　

1. 　border:1pxsolid#000;  
2.  

注意:这里的颜色值已经使用了上面讲过的颜色简写方法了哦。

我们还可以为四个边设置不同的宽度:　

1. 　  border-top-width:1px;  
2.  
3. border-right-width:2px;  
4.  
5. border-bottom-width:3px;  
6.  
7. border-left-width:4px;  

可以简写成:

1. border-width:1px2px3px4px;  

最后，我们还可以只设置左和右的边的样式:

1. border-right:1pxsolid#000;  
2.  
3. border-bottom:1pxsolid#000;  
4.  

虽然并没减少多少代码,但暴风彬彬建议写成这样:　

1. 　border:1pxsolid#000;  
2.  
3. 　border-width:01px1px0;  

先设置四个边的默认风格，然后声明具体的哪个边要显示。