块级元素(block)：常见的有：div p ol h1-h6
1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）
2、元素的高度、宽度、行高以及顶和底边距都可设置。
3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
内联元素（行内元素）（inline）:常见的有:a span strong em
1、和其他元素都在一行上；
2、元素的高度、宽度及顶部和底部边距不可设置；
3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
内联块状元素（inline-block）常见的有:img input(表单）
1、和其他元素都在一行上；
2、元素的高度、宽度、行高以及顶和底边距都可设置。
display:block inline 可以把块级元素和行内元素 互相转换
元素实际宽度（盒子的宽度）=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。
