知识点一：边框和文字之间的距离 （内边距）
text-indent： 2em；（不精确）
padding-left：30px；（精确值）
padding影响盒子大小，会撑开盒子，所以要设置width / height 来避免占用其他盒子的位置。
知识点二：padding在什么情况下能不影响盒子大小
不设置width / height 的话，padding 不会影响盒子大小
如图所示，height 会变成 100 + 20 = 120，width 为 默认的设定值。
知识点三：外边距 margin在两个盒子之间的使用
可以在第一个盒子的末尾设置margin-bottom ：
也可以在第二个盒子的开头设置 margin-top ：
知识点四：块级盒子的水平居中
外边距可以让盒子水平居中
margin : 100px auto;
上下各有100px的外边距，左右居中对齐。
知识点五：行内元素、行内块元素的居中对齐怎么写，需要在它的父元素那里写
text-align : center
在span类似的标签里写 text-align：center 不管用
知识点六：嵌套块元素垂直外边距的塌陷
什么时候会出现外边距塌陷的问题
当父盒子里边有子盒子，子盒子设置margin-top之类的，父元素会跟着一块塌陷。
怎么避免这种情况：
第一个解决方案：给父元素指定一个边框：
border：1px solid transparent ;
第二个解决办法：
padding : 1px ;
第三个解决办法：
overflow：hidden；
以上都是给父元素添加的，边框border、内边距padding、overflow：hidden；