块级元素:默认宽度是100%(继承自父元素),如果块对象没有采用“float:left”或“float:right;”的样式,相邻的两个块对象就会分排在不同的两行上。例如,div, p, h1, form, ul 是块元素的例子。
内联元素:宽度取决于其内部元素的宽度(width)与填充(padding)值之和,不可直接指定其宽度与高度(但如果使用“display:block;”或者“float:left/right;”样式后,可以强行转换成块对象,此时可以定义),相邻的两个内联对象会排在同一行上,不会从新行开始。例如:span, a, label, input, img 是inline元素的例子。
区别:
块里可以含行.也就是div块里可以有span;
但是内联元素内不能包含块元素;
内联存在margin-left和margin-right,但没有margin-top和margin-bottom,也不具有width/height。
而块元素具有width,height,margin等等;
内联元素可以通过改变它的display属性来变成块,来具有块的属性。