vertical：middle
- 针对表格，垂直居中
- 针对行内元素，基于父容器的基线垂直居中
边距合并
外边距合并：当两个垂直外边距合并时，会形成一个外边距。合并后的外边距高度等于合并前两个外边距中较大的一个。
盒模型
- margin，清除边框区域。margin没有背景颜色，它是完全透明的
- border，边框周围的填充和内容。边框是受到盒子的背景颜色影响
- padding，清楚内容周围区域。会受到框中填充的背景颜色影响
- content，盒子的内容。显示文本和图像
text-align：center
- 作用：水平居中
- 作用在块级元素上
- 可以让行内元素和inline-block元素水平居中
兼容性查看
IE 盒模型和W3C盒模型有什么区别?
- W3C标准中padding、border所占的空间不在width、height范围内
- IE的盒模型width包括content尺寸＋padding＋border
以下代码的作用？兼容性？
*{
box-sizing: border-box;
}
- 作用：为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度
- 兼容性：
本教程版权归饥人谷和作者所有，转载须说明来源。
