1.元素居中总结

• 水平居中

1. 块状元素
   将该块级元素左右外边距margin-left和margin-right设置为auto

.child{
    width: 100px;//确保该块级元素定宽
    margin:0 auto;
}

2. 行级元素
   2.1利用 text-align: center 可以实现在块级元素内部的行内元素水平居中。此方法对inline、inline-block、inline-table和inline-flex元素水平居中都有效。

 .parent{//在父容器设置
    text-align:center;
}

• 垂直居中

• 水平垂直居中

• 居中完结篇

2.盒子模型的理解

3.浮动的理解

4.margin和padding理解区别

1. 相同点

• 复合值
• 可以取4个值
• 取值顺时针规律

2.不同点margin

• 间距重叠，取大值
• 给子元素设置上下外边距时父元素会塌陷
• 1给父元素加个边框border-颜色可以取本身颜色，也可以取背景颜色，但是大小会变化
• 2给父元素添加属性overflow：hidden，涉及到BFC机制

.