一、分析DIV布局
{margin:0;padding: 0;}
1.margin:0; ：清除默认外边距
margin（外边距）：元素外部的空白距离，用来控制元素和元素之间的间距。
margin:0; 就是把所有元素的默认外边距全部清零，让你能完全自己控制元素间距。
2.padding:0; ：清除默认内边距
padding（内边距）：元素内部的空白距离，用来控制内容和元素边框之间的间距。
padding:0; 就是把所有元素的默认内边距全部清零，让元素尺寸完全由你设置的 width/height 决定。
3.padding-left:0 ; ：清除 ul 默认的左内边距
/padding-right:0 ;/ ：右内边距重置，被注释掉了，不生效
margin-bottom: 0; ：清除 ul 默认的下外边距，避免和下方元素产生间距
二、上下结构布局分析
分析1
font-family: "微软雅黑"; ：设置页面所有文字的默认字体为微软雅黑，保证中文显示清晰
分析2
margin:0 auto; 水平居中核心代码： 0 代表上下外边距为0， auto 代表左右外边距自动分配，让div在页面水平居中（必须配合固定 width 使用）
分析3
/水平垂直居中/ ：text-align: center; 让区块内的文字水平居中......
line-height: 200px; 垂直居中核心代码：行高等于区块高度（200px），让单行文字在区块内垂直居中（仅适用于单行文字）
三、左右结构布局
float: left; 块级元素左右并排的核心，让元素脱离文档流，向左浮动