块级元素：独自撑天下这种的，例如 h1 div p ul li，从上到下排列
行内元素：依附在块框里面的这种，例如strong span input img label 之类的，它的高度由line-height决定，垂直内边距、边框和外边距不影响行内框的高度，从左到右排列，不拥有宽度，高度，内外边距。
行内块元素：相比行内元素，拥有块级元素的特征，但是排列方式是水平的，不会脱离文档流。
清楚行内块空白距离的方法
给父元素设置font-size:0：不管空白多大，由于空白跟font-size的关系，设置这个属性即可把空白的宽度设置为0.在实际使用的时候，你还需要给子元素重新设置font-size。
浮动和inline-block的对比
浮动
inline-block
