块级元素与内联元素

一、块级元素与内联元素

 

常见块级元素：h1,h2...h6, hr, div, form, ul, li, ol, p, table, dl, adress, pre等

常见内联元素：a, span, em, img, input, label, i, strong, textarea, br, b等

 

块级元素与行内元素的区别与联系：

1、块级元素一般是用来搭建网站架构、布局、承载内容，内联元素一般用在网站的一些细节部分；

2、块级元素与内联元素可以相互转换：

<div style="display:inline">块元素变内联元素</div>

<span style="display:block">内联元素变块元素</span>

3、每一个块级元素都识从一个新行开始显示，其后的元素需要另起一行；

4、块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。

5、有几个特殊的块级元素只能包含内联元素，不能包含块级元素，如h1, h2, h3, h4, h5, h6, p, dt；

6、块级元素与块级元素并列、内联元素与内联元素并列。（错误的：<div><h2></h2><span></span></div>）。