css盒子模型设置的缩略形式

css里面的盒子模型里面设置padding,margin的上下或者左右的大小有很多方式，下面说说两种不同的方式：

original method:

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

new method:

padding:0px 20px 30px 10px
// top right bottom left respectively

同理：

margin-top:0px
margin-right:20px
margin-bottom:30px
margin-left:10px

margin:0px 20px 30px 10px

如果上下左右的值都是一样的话，那我们可以这样设置：

the old method:

padding-top:20px
padding-right:20px
padding-bottom:20px
padding-left:20px

the new method:

padding:20px

如果上下值和左右值分别一样呢：

the old method:

margin-top:0px
margin-right:20px
margin-bottom:0px
margin-left:20px

the new method

margin:0px 20px
// top and bottom right and left respectively

border的属性设置:

the old method

border-width:thin
border-style:solid
boder-color black

the new method:

border:thin solid black
//width style color respectively

border的属性设置更加灵活多变：

boder:solid thin black
border:blcak solid thin
border:solid
boder:blcak solid

还有很多其他的简写方式，我就不一一阐述了。