margin padding 标准盒子模型

CSS盒子模型本质上是一个盒子，封装周围的HTML元素

包括：边框、外边距、内边距和实际内容

边框（border）

border-width:定义边框粗细，单位是px

border-style：边框的样式

border-color：边框颜色

border-style：soild（实线边框）/dashed（虚线边框）/dotted（点线边框）

border-collapse：collapse 合并相邻边框

内边距（padding）

边框与内容之间的距离

padding-left：左内边距

padding-right：右内边距

padding-top：上内边距

padding-bottom：下内边距

padding：5px ：一个值，上下左右都有5px内边距

padding：5px 10px ：两个值，上下为5，左右10

padding：5px 10px 20px ：三个值，上5，左右10，下20

padding：5px 10px 20px 30px ：四个值，上5，右10，下20，左30

外边距（margin）

用于设置外边距，即盒子与盒子之间的距离

margin-left：左外边距

margin-right：右外边距

margin-top：上外边距

margin-bottom：下外边距

清除内外边距

网页元素很多都带有默认的内外边距，因此要清除

{margin:0;padding:0}