行内元素的特点

可以和其他元素处于一行，不用必须另起一行；
元素的高度、宽度及顶部和底部边距不可设置；
元素的宽度就是它包含的文字、图片的宽度，不可改变；
对 margin 仅设置左右方向有效，上下无效；
padding设置上下左右都有效，即会撑大空间；
行内元素尺寸由内含的内容决定；
行内元素的盒模型中 padding，border 与块级元素并无差异；
行内元素的水平方向的 padding-left、padding-right、margin-left、margin-right 都产生边距效果，但是垂直方向的 padding-top、padding-bottom、margin-top、margin-bottom 都不会产生边距效果。

行内元素清单

元素名称	说明
`<a>`	标签定义超链接，用于从一张页面链接到另一张页面。
`<abbr>`	表示一个缩写形式
`<acronym>`	定义只取首字母缩写
`<b>`	粗体(不推荐)
`<strong>`	粗体强调
`<bdo>`	改变文本的显示方向，正常显示文本从左至右，例如，some，如果改成从右到左，则会显示成 emos
`<big>`	大号字体加粗
`<br>`	换行
`<dfn>`	定义字段
`<em>`	斜体强调
`<i>`	斜体文本效果，好像效果和 `<em>` 相同呀
`<font>`	规定文本的字体、字体尺寸、字体颜色，不赞成使用
`<input>`	文本输入框
`<kbd>`	定义键盘文本
`<s>`	中划线，不推荐使用，推荐使用 `<del>`
`<strike>`	中划线；`<strike>` 标签可定义加删除线文本定义。不推荐使用，推荐使用 `<del>`
`<del>`	删除线
`<samp>`	定义范例计算机代码，定义样本文本
`<select>`	项目选择，下拉列表；创建单选或多选菜单
`<span>`	常用内联容器，组合文档中的行内元素
`<sub>`	定义下标文本
`<sup>`	定义上标文本
`<textarea>`	多行文本输入框
`<tt>`	呈现类似打字机或者等宽的文本效果
`<u>`	下划线
`<var>`	定义变量
`<cite>`	cite 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。按照惯例，引用的文本将以斜体显示。
`<code>`	定义计算机代码文本
`<dfn>`	可标记那些对特殊术语或短语的定义，也是斜体效果呀
`<img>`	向网页中嵌入一幅图像
`<label>`	为 input 元素定义标注（标记）
`<q>`	定义短的引用，浏览器经常在引用的内容周围添加引号
`<small>`	呈现小号字体效果

可变元素列表

可变元素为根据上下文语境决定该元素为块元素或者内联元素。

元素名称	说明
`<button>`	按钮
`<del>`	定义文档中已被删除的文本
`<iframe>`	创建包含另外一个文档的内联框架（即行内框架）
`<ins>`	定义已经被插入文档中的文本。请与 `<del>` 一同使用，来描述文档中的更新和修正，`<ins>` 包含的文本通常会显示下划线
`<map>`	客户端图像映射（即热区）
`<object>`	object 对象
`<script>`	客户端脚本