盒子模型

所有的html元素都可以看作是一个一个的盒子，这些盒子有内容区域(content)，内边距(padding)，边框(border)，外边距(margin)四个属性。

行内元素和块级元素

块级元素独占一行：

p标签，h标签，div标签

行内元素：

a标签，span标签，input标签

可以使用display将元素变换为不同的类型

• display: inline;行内元素，盒子高度设置无效，只能由内容撑起来
• display: inline-block;行内块，宽高保留，下一个元素会从右边进行排布
• display: block;块级元素，宽高保留，下一个元素从下边开始排布