1. 什么是盒模型

在 CSS 中，所有的元素都被一个个的“盒子（box）”包围着，理解这些“盒子”的基本原理，是我们使用CSS实现准确布局、处理元素排列的关键。

完整的 CSS 盒模型应用于块级盒子，内联盒子只使用盒模型中定义的部分内容。模型定义了盒的每个部分 —— margin, border, padding, and content —— 合在一起就可以创建我们在页面上看到的内容。为了增加一些额外的复杂性，有一个标准的和替代（IE）的盒模型。

盒模型的各个部分

  1. Content box : 用来显示内容，大小可以通过设置 width 和 height;
  2. Padding box
  3. Border box
  4. Margin box

标准盒模型
在标准模型中，如果你给盒设置 width 和 height，实际设置的是 content box;
替代盒（IE）模型
box-sizing: border-box;

2. 行内元素有哪些？块级元素有哪些？空元素有哪些？行内元素和块级元素有什么区别？

空元素：HTML 元素的内容指开始标签和结束标签之间的内容，空元素没有内容，在开始标签中关闭。
常见空元素: