块级元素：浏览器
先后有换行布局
能够设置宽高等属性，以及边距，参照盒子模型input
内部能够包含其余块级元素，内联元素it
宽度默认是父元素的宽度，高度能够设置或者由内容的高度决定io
内联元素：im
先后不换行margin
设置元素宽高无效，高度由line-height决定（不设置时由font-size计算得出），宽度由内容的多少决定，当宽度大于父元素的宽度时，内联元素会被折断到下一行，对于内联元素能够设置水平方向的padding，margin等，可是对于垂直方向，设置padding，margin看起来就会有效果可是对于浏览器来讲是没效果的，不影响其余元素的布局。img
不能包含其余元素di
可是内联元素中有一些是替换元素（浏览器在加载时根据属性的设置最后肯定样子），能够设置宽高等属性，例如：img，inputinline-block
设置display：block/inline-block
设置元素浮动
设置元素的position：relative/absolute/fixed