初学HTML 样式中的margin和padding

外边距样式属性margin

margin-left：设置元素的左外边距

margin-right：设置元素的右外边距

margin-top：设置元素的上外边距

margin-bottom：设置元素的下外边距

margin：设置元素的四周外边距

共性：

 注意：

2.margin：0px auto； 设置元素水平居中

3.*{margin：0px；}，取消HTML在浏览器中各标签设置的默认值，使块级和行级的外边距为零，能够贯穿整个屏幕；

4.块级元素的外边距会合并（垂直方向上，两个元素相邻边，合并后取大的边距），行级元素的外边距不会合并（相对块来说行没有上下，即左右不会合并）。

 内边距样式属性padding

padding-left：设置元素的左内边距

padding-right：设置元素的右内边距

padding-top：设置元素的上内边距

padding-bottom：设置元素的下内边距

padding：设置元素的四周内边距

 共性：

 注意：

2.*{padding：0px；}，取消HTML各标签设置的默认内边距

3.行内非替换元素上设置的内边距不会影响行高计算，因此如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠；元素的背景会延伸穿过内边距；