一.首先我们总结下行内元素和块级元素有哪些： 行内元素： 标签可定义锚表示一个缩写形式定义只取首字母缩写字体加粗可覆盖默认的文本方向大号字体加粗换行引用进行定义定义计算机代码文本定义一个定义项目定义为强调的内容斜体文本效果向网页中嵌入一幅图像输入框定义键盘文本标签为 元素定义标注（标记）定义短的引用定义样本文本创建单选或多选菜单呈现小号字体效果组合文档中的行内元素语气更强的强调的内容定义下标文本定义上标文本多行的文本输入控件<br><tt>打字机或者等宽的文本效果<br><var>定义变量</p> <p>块级元素：</p> <p><address>定义地址<br><caption>定义表格标题<br><dd>定义列表中定义条目<br><div>定义文档中的分区或节<br><dl>定义列表<br><dt>定义列表中的项目<br><fieldset>定义一个框架集<br><form>创建 HTML 表单<br><h1>定义最大的标题<br><h2>定义副标题<br><h3>定义标题<br><h4>定义标题<br><h5>定义标题<br><h6>定义最小的标题<br><hr>创建一条水平线<br><legend>元素为 <br><fieldset>元素定义标题<br><li>标签定义列表项目<br><noframes>为那些不支持框架的浏览器显示文本，于 frameset 元素内部<br><noscript>定义在脚本未被执行时的替代内容<ol>定义有序列表<br><ul>定义无序列表<br><p>标签定义段落<br><pre>定义预格式化的文本<br><table>标签定义 HTML 表格<br><tbody>标签表格主体（正文）<br><td>表格中的标准单元格<br><tfoot>定义表格的页脚（脚注或表注）<br><th>定义表头单元格<br><thead>标签定义表格的表头<br><tr>定义表格中的行</p> <p>二.然后我们再来看看行内元素和块级元素的区别：</p> <p>1.行内元素与块级元素直观上的区别</p> <p>行内元素会在一条直线上排列，都是同一行的，水平方向排列</p> <p>块级元素各占据一行，垂直方向排列。块级元素从新行开始结束接着一个断行。</p> <p>2.块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。</p> <p>3.行内元素与块级元素属性的不同，主要是盒模型属性上</p> <p>行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效</p> <p>三.行内元素和块级元素的转化：</p> <p>把块级元素转换成行内元素：display:inline;</p> <p>将行内元素转换成块级元素:display:block;</p> <p>行内块元素：display:inline-block;</p>
