html之内联元素与块状元素

1、块状元素一般比较霸道，它排斥与其他元素位于同一行内，比如div，并且width与height对它起作用。

 

2、内联元素只能容纳文本或其他内联元素，它允许与其他内联元素位于同一行内，比如span，但，width与height对它不起作用。

 

3、当然，块状元素与内联元素是可以相互转换的，给块状元素设置 display:inline; 或 给内联元素设置display:block; 即可转换。

 

4、常见的块状元素

• div  -  块

• p  -  段落

• h1 ~ h6  -  大标题

• table , form  -  表格，表单

• ul , ol  - 非排序列表，排序表单

• hr  -  水平分割线

 

5、常见的内联元素

• a   -  锚点

• span  -  内联块

• br  -  换行

• input  -  输入框

• img  -  图片

• select  -  项目选址

• textarea  -  多行文本输入框