块、行元素的特点和转换

html中的大部分元素可分为两种类型：块级元素和行级元素。这些元素是按文档类型定义来指明。

块元素：
div - 常用块级 ； menu-菜单列表
dl-定义列表 ；address-地址
form-交互表单；blockquote-块引用
h1-大标题；center-居中对齐块
h2-副标题；dir-目录列表
h3-3级标题；fieldset-form-控制组
h4-4级标题；hr-水平分割线
h5-5级标题；pre-格式化文本
h6-6级标题；noframes-frames可选内容（不支持frames显示）
ol-排序列表；noscript-可选脚步内容（不支持script显示）
ul-非排序列表
p-段落
table-表格

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

可变元素：
（可变元素为根据上下文语境决定该元素为块元素或者内联元素。）
button - 按钮
del - 删除文本
iframe - inline frame
ins - 插入的文本
map - 图片区块(map)
object - object对象
script - 客户端脚本

空元素（没有内容的html元素）：
br；meta；hr；link；input；img

块元素的特点：
1. 一般作为容器，作为组织结构。
2. 独立成行，垂直分布，浮动后内容自适应
3. form只能用来容纳其他元素

行元素的特点：
1. 一般包括语义意义的元素
2. 在同一行显示

块元素和行元素的区别：
1.行元素成行显示，块元素会独占一行，通过样式可以相互转换。
2.行元素设置宽度width·和高度height无效；左右margin有效，上下无效；左右padding有效，上下无效。（无效是指对其他的相邻的元素的间距没有左右，但是上下margin和padding对自身是有效的）。
3.text-align：center属性对于两种的表现不同。text-align：center使一个盒子内的元素居中对齐显示。对于行内元素有用，对于块级内容无效。

块元素和行元素的转换：
1.display：inline 转换成行元素
2.display：block 转换成块元素
3.display：inline-block 转换成行内块
4.浮动float和position：absolute和position：fixed会使转换成块元素
5.display：none，元素以及元素中的内容都会消失不见，所对应的float和position也就没有意义，因此不会有转换成块元素。