块状元素和行内元素

块级元素

“块级元素”译为 block level element
块级元素通常出现在浏览器代码的开始与结束，
块状元素：占据一行，换行；
如
div、ul、ol、li、dl、dt、dd、h1~h6、p、form、hr、。。。

行级元素

行级元素译为 inline element
行级元素在显示时通常不会以新行开始。

行内元素：在一行，不换行；

b、em、img、input、a、sup、sub、textarea、span。。。

块状元素和行内元素标签嵌套规则：

1、块状元素可以包含行内元素和某些块状元素；

2、行内元素不能包含块状元素，只能包含其他行内元素

3、块状元素不能放在p标签内

4、特殊块状元素只能包含行内元素，不能再包含块状元素

(1) H1 h2 h3
…h6 p dt

5、块状元素和块状元素并列

6、行内元素和行内元素并列

块状元素和行内元素可以相互的转换

我们可以用display这个属性将 块状元素和行内元素相互的转换。

div{display:inline;}

此时将div这个块状元素转换成了行内元素，它可以和其他行内元素并排。

span{display:block;}

此时将span这个行内元素转换成了块级元素，它将占一行，可以设置width和height。无法与其他行内元素并排。