盒子模型概念

标签样式：

  背景色：background-color

  边框：border

  外边框：margin      水平居中：margin:0 auto;

  内边框：padding

  宽高：width  height

  用法 例：上外边距：magin-top: ;

                 下外边距：magin-bottom: ;

                  右内边距：padding-right: ;

                  左内边距：padding-left: ;

  注意：像素（px）与百分比（%）的区别。例：50%为占页面的一半。

边框样式：

    值                                                                   描述

  border                            设置标签边框

  border-style                   设置标签边框样式：solid:实线 dotted:单实线 dashed:虚线 double:双线

  border-width                  设置标签边框粗细

  border-color                   设置标签边框颜色

  border-top                      设置标签上边框

  border-right                    设置标签右边框

  border-bottom                设置标签下边框

  border-left                      设置标签左边框

例：border:1px solid red;   1像素红色的实线