块级元素和行级元素的区别

常见的块级元素有div，p，form，ul，ol，li，常见的行级元素有span，strong，em。块级元素会独占一行，默认情况下，其宽度自动填满其父级宽度，行内元素不会独占一行，相邻的行内元素会排列在同一行里，直到下一行排不下，才会换行，其宽度随元素内容的变化而变化，块级元素可以设置width和height，而行内元素则无效，注意，块级元素即使设置了宽度，也是独占一行的，块级元素可以设置margin和paddding属性，行内元素垂直方向的此两属性无效