HTML中块元素与内联元素

对于html各种标签/元素，可以从块的层面做一个分类：要么是block(块元素)，要么是inline(内联元素)：
block元素的特点：

• 总是另起一行开始；
• 高度，行高以及顶、底边距都可控制；
• 宽度缺省是它所在容器的100%，除非设定一个宽度。
  inline元素的特点：
• 和其它元素都在一行上；
• 高度，行高以及顶、底边距不可改变；
• 宽度就是它所容纳的文字或图片的宽度，不可改变。

常见的内联元素:
a - 超链接
span - 内联块
br - 换行
input - 输入框
img - 图片
select - 项目选址
textarea - 多行文本输入框

常见的块状元素:
div - 块
p - 段落
h1 ~ h6 - 大标题
table , form - 表格，表单
ul , ol li- 非排序列表，排序表单
hr - 水平分割线
块状元素与内联元素是可以相互转换的，给块状元素设置 display:inline; 或 给内联元素设置 display:block; 即可转换。

欢迎大家补充