块级元素和内联元素

1.内联元素和块级元素的关系：

任何不是块级元素的可见元素都是内联元素，使用display：block将行内元素转换成块元素。

2.内联元素和块级元素的区别：

1）[size=large]块级元素：[/size]一般都从新行开始，它可以容纳内联元素和其他块元素。注：[color=brown]<p>标签不可以嵌套<div>[/color]
可以通过css更改块级元素的浮动方式，改变页面的布局。每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动。

[img]http://dl2.iteye.com/upload/attachment/0086/1596/c71f2be0-8a28-3a8d-8ba8-1946af6948fc.jpg[/img]


2）[size=large]内联元素：[/size]只能容纳文本或者其他内联元素

[img]http://dl2.iteye.com/upload/attachment/0086/1598/418ac16b-efe8-32ee-b259-8b7e0f15ab6a.jpg[/img]


3）可变元素：需要根据上下文关系确定该元素是块元素或者内联元素。

[img]http://dl2.iteye.com/upload/attachment/0086/1632/10fe4d6f-ed3c-3f73-b6bd-d443ac29390a.jpg[/img]


参考：[url]http://www.nowamagic.net/csszone/css_BlockInline.php[/url]
[url]http://zhangyaochun.iteye.com/blog/1303840[/url]