<q><blockquote> block,inline,元素分类

 

元素分为:正常元素，空元素两大类

                        -内联（inline）元素：<q>                                          inline元素不会在前面或后面换行

    正常元素            

                         块（block）元素：<blockquote>,<ol><ul><li>.  block元素会单独显示，在内容前后分别有一个默认的换行。

   空（void）元素：<br><img>无需</br></img>                         void元素没有内容，仅由一个标记组成。

                                 <img>既是inline元素，也是一个void元素      

块元素常用于Web页面构建主要模块，内联元素用来标记小段内容。

---------------------------------------------------来自慕课的分类--------------------------------------------------------------

在讲解CSS布局之前，我们需要提前知道一些知识，在CSS中，html中的标签元素大体被分为三种不同的类型：块状元素、内联元素(又叫行内元素)和内联块状元素。

-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

常见块元素(block element)编辑

◎ address - 地址

◎ blockquote - 块引用

◎ center - 居中对齐块

◎ dir - 目录列表

◎ div - 常用块级容器，也是css layout的主要标签

◎ dl - 定义列表

◎ fieldset - form控制组

◎ form - 交互表单

◎ h1 - h6 标题

◎ hr - 水平分隔线

◎ isindex - input prompt

◎ menu - 菜单列表

◎ noframes - frames可选内容，（对于不支持frame的浏览器显示此区块内容）

◎ noscript - 可选脚本内容（对于不支持script的浏览器显示此内容）

◎ ol - 排序表单

◎ p - 段落

◎ pre - 格式化文本

◎ table - 表格

◎ ul - 非排序列表（无序列表）

常见内联元素(inline element)编辑

◎ a - 锚点

◎ abbr - 缩写

◎ acronym - 首字

◎ font - 字体设定(不推荐)◎ b - 粗体(不推荐)◎ big - 大字体◎ small - 小字体文本 ◎ em - 强调◎ i - 斜体◎ strong - 粗体强调

◎ br - 换行

◎ bdo - bidi override

◎ cite - 引用◎ q - 短引用◎ dfn - 定义字段

◎ code - 计算机代码(在引用源码的时候需要)

◎ img - 图片

◎ input - 输入框

◎ kbd - 定义键盘文本

◎ label - 表格标签

◎ s - 中划线(不推荐)◎strike - 中划线◎ u - 下划线

◎ samp - 定义范例计算机代码

◎ select - 项目选择

◎ span - 常用内联容器，定义文本内区块

◎ sub - 下标◎ sup - 上标

◎ textarea - 多行文本输入框

◎ tt - 电传文本

◎ var - 定义变量

启示：

设计页面时，一般从大到小。block first,then inline.