css复习遗忘知识点

1.盒子模型

1.盒子模型外边距

1.浏览器会默认给部分标签设置默认的margin和padding,一般项目开始前会先用通配符选择器清除这些默认的值。
2.垂直布局的块级元素，上下的margin会合并，最终两者的距离为margin的最大值，只能其中一个添加margin值即可。
3.外边距塌陷问题，子元素的margin-top会作用在父元素上，导致父元素一起往下移动，解决办法(推荐第二种)：

    1.给父元素设置`border-top`或者`padding-top`
    2.给父元素设置`overflow:hidden`
    3.转换成行内块元素
    4.设置浮动

4.行内标签的margin-top、margin-buttom、padding-top、padding-buttom不生效。解决办法：给他们设置line-height。

2. 浮动

1.浮动的元素不能用text-align:center和margin 0 auto
2.清除浮动的影响给父元素添加overflow:hidden即可。

3.定位

1.绝对定位居中：绝对定位的盒子不能使用margin 0 auto来居中，只能够设置left: 50%; top: 50%; transform: translate(-50%,-50%)来居中。
2.固定定位：position: fixed;具备行内块的特点，不占位置。
3. 相邻表格边框合并，只能给table加border-collapse，不能给td th加