1、对合子模型有一个初步的观察
2、从最初的一个div及css样式讲起<div style="width:200px; height:200px; border:5px red solid; margin:0 auto;"> 我爱你百度经验</div>效果如下所示
3、padding的值类型为一个的效果(上下左右分别为10px)和对元素的一个影响(margin的值也是这样影响的)<div style="width:200px; height:200px; border:5px red solid; margin:0 auto; padding:10px"> 我爱你百度经验</div>
4、padding的值类型为二个的效果(上下分别为10px,左右分别为10px)和对元素的一个影响(margin的值也是这样影响的)<div style="width:200px; height:200px; border:5px red solid; margin:0 auto; padding:10px 20px;"> 我爱你百度经验</div>
5、padding的值类型为二个的效果钱砀渝测(上为10px,左右分别为20px,下为30px)和对元素的一个影响(margi荏鱿胫协n的值也是这样影响的)<div style="width:200px; height:200px; border:5px red solid; margin:0 auto; padding:10px 20px 30px;"> 我爱你百度经验</div>
6、padding的值类型为二个的效果钱砀渝测(从上、右、下、左顺时针方向分别为10px,20px,30px,40px)和对元艾绱书虻素的一个影响(margin的值也是这样影响的)<div style="width:200px; height:200px; border:5px red solid; margin:0 auto; padding:10px 20px 30px 40px;">我爱你百度经验</div>