web---盒子模型

div----无意义的标签（常用于屏幕的区域划分）

网页重中之重：划分区域

1、padding：内边距

方向：上右下左

可以跟1~4个值：1个值或4个值——由上开始，按顺时针赋值

                            2个值——第一个值给上下，第二个值给右左

                            3个值——第一个值给上，第二个给右左，第三个给下

2、margin：外边距

用法同padding

注意：1、同级上下产生叠压（谁大听谁）

           2、父子级使用margin或margin-top会出现塌陷现象（父级的第一个子元素是块元素）

           3、塌陷现象的解决方案：1）在父级使用overflow：hidden（最优）

                                                     2）在父级使用padding-top（会增加盒模型的面积）

                                                     3）在父级使用border

3、border：边框

方向：上右下左

需要跟3个值：border-width

                        border-style——solid实线；dashed虚线；dotted点线

                        border-color

border-radius：圆角化