详解块级元素与行内元素

1、块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度，其中div、p是我们常用的块级元素，如果判断一个元素是否为块级元素的时候，给这个元素加上背景颜色，不设定宽度，只设定高度。

2、虽然块级元素可以设置width,height属性，但是在默认情况下还是会独占一行。

3、行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.行内元素设置width,height属性无效。

4、块级元素即使设置了宽度,仍然是独占一行。

5、块级元素对应于display:block；行内元素对应于display:inline;行内块元素display:inline-block。

6、块级元素可以设置margin和padding属性。

7、行内元素的margin和padding属性：

　　a、行内元素左右的内边距与外边距会产生效果。

　　b、行内元素上下的内边距与外边距不会产生效果。

8、块级元素、行内元素之间可以相互转换。