彻底区分行内元素和块级元素！

元素特性：

块级元素（block）特性：

• 总是独占一行，表现为另起一行开始。(即其后的元素必须另起一行显示)
• 宽度(width)、高度(height)、内边距(padding)、外边距(margin)都是可控的。

行内元素（inline）特性：

• 和相邻的元素显示在同一行。（即其后的元素会和行内元素在同一行显示，在没有特别定义换行的情况下)

• width、height、padding-top、padding-bottom、margin-top、margin-buttom 是不可改变的。（就是行内元素标签里的文字或图片本身的大小)

• padding-left、padding-right、margin-left、margin-right是可控的。

常用行内元素：

span、input、b、i、select、u、s （u、s在html5中已删除)

常用块级元素：

div、p、h1、h2、h3、h4、h5、h6、form、ul等

使用场景：

• 当某元素修改width和height没有效果时，用display：block;使其转换成跨级元素，在设置width和height的大小。
• 对于块级元素div，可使用display:inline;来使多个div同行排列。（在宽度允许的情况下