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 - 多行文本输入框