块元素和内联元素，文档流

块元素和内联元素，在一开始学习前端的知识的时候，自己忽略了或者说是没有引起我的注意的一个问题。

真正的了解是从O‘Reilly的《Head First Html 与CSS》一书中学习到的，非常不错的一本入门书籍，适合菜鸟。

在说块元素和内联元素前先要了解文档流：

文档流，或者说是文本流：将窗体自上而下分成一行行，并在每行中按从左到右的顺序排放元素。

块元素——就好像是前后各有一个换行

内联元素——在页面文本流中总在“行内”出现

摘录了一个块元素和内联元素的参考：

块元素（block element）

• address - 地址
• blockquote - 块引用
• center - 举中对齐块
• dir - 目录列表
• div - 常用块级容易，也是css layout的主要标签
• dl - 定义列表
• fieldset - form控制组
• form - 交互表单
• h1 - 大标题
• h2 - 副标题
• h3 - 3级标题
• h4 - 4级标题
• h5 - 5级标题
• h6 - 6级标题
• hr - 水平分隔线
• isindex - input prompt
• menu - 菜单列表
• noframes - frames可选内容（对于不支持frame的浏览器显示此区块内容）
• noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）
• ol - 排序列表
• p - 段落
• pre - 格式化文本
• table - 表格
• ul - 非排序列表

内联元素（inline element）

• a - 锚点
• abbr - 缩写
• acronym - 首字
• b - 粗体（不推荐）
• bdo - bidi override
• big - 大字体
• br - 换行
• cite - 引用
• code - 计算机代码（在引用源码的时候需要）
• dfn - 定义字段
• em - 强调
• font - 字体设定（不推荐）
• i - 斜体
• img - 图片
• input - 输入框
• kbd - 定义键盘文本
• label - 表格标签
• q - 短引用
• s - 中划线（不推荐）
• samp - 定义范例计算机代码
• select - 项目选择
• small - 小字体文本
• span - 常用内联容器，定义文本内区块
• strike - 中划线
• strong - 粗体强调
• sub - 下标
• sup - 上标
• textarea - 多行文本输入框
• tt - 电传文本
• u - 下划线
• var - 定义变量