内嵌元素和块级元素

块级元素：一般用来搭建网站架构、布局、承载内容
内嵌元素：用以“强调、区分样式、上标、下标、锚点”等等
inline-block：既具有 block 元素可以设置宽高的特性，同时又具有 inline 元素默认不换行的特性，也可以设置 vertical-align

块级元素与内嵌元素的区别：
1、块级元素默认独占一行。垂直方向排列
内联元素默认会再一条直线上，是在同一行的。水平方向排列
2、块级元素默认宽度为父元素的100%，可以设置宽度、高度
内嵌元素不可以控制宽和高，它的宽和高是随标签里的内容而变化。
3、块级元素可以设置外边距margin 和 内边距padding.
内嵌元素的水平方向的margin上下无效，padding上下无效（水平方向有效，竖直方向无效）
4、块级元素可以包含内嵌元素和块级元素。
内嵌元素不能包含块级元素，只能包含文本或者其它行内元素。

块元素和内嵌元素互相转换：
display:block; (形式设为块级元素)
display:inline; (形式设为行内元素)