CSS块级元素和行内元素（内联元素）有哪些

块级元素特点：

1、块级元素会独占一行，其宽度自动填满其父元素宽度，块级元素即使设置了宽度，仍然是独占一行的

2、可以设置宽、高、margin和padding。

3、它可以容纳行内元素和其他块元素

行内元素特点：

1、行内元素不会独占一行。

2、设置宽度width   无效，其宽度随元素的内容而变化。

3、设置高度height  无效，可以通过line-height来设置。

4、设置margin 只有左右margin有效，上下无效。

5、设置padding 只有左右padding有效，上下则无效。注意元素范围是增大了，但是对元素周围的内容是没影响的

6、内联元素只能容纳文本或者其他内联元素

行内块级元素（inline-block元素）特点：

1、既不会独占一行也可以设置宽高

2、2个行内块级元素之间会有4px间隙(转换为inline-block的元素也会有)，解决方法查看：行内块元素（inline-block）中间的水平间隙的解决方法

扩展阅读：HTML标签嵌套规则

块级元素有：

<div>定义文档中的分区或节
<dl>定义列表
<dt>定义列表中的项目
<dd>定义列表中定义条目
<ul>定义无序列表
<ol>定义有序列表
<li>标签定义列表项目
<p>标签定义段落
<table>标签定义 HTML 表格
<tbody>标签表格主体（正文）
<thead>标签定义表格的表头
<tfoot>定义表格的页脚（脚注或表注）
<th>定义表头单元格
<tr>定义表格中的行
<td>表格中的标准单元格
<h1>定义最大的标题
<h2>定义副标题
<h3>定义标题
<h4>定义标题
<h5>定义标题
<h6>定义最小的标题
<form>创建 HTML 表单
<button>按钮
<del> 删除线
<ins> 标签定义已经被插入文档中的文本
<address>定义地址
<object>定义一个嵌入的对象
<map>定义一个客户端图像映射
<caption>定义表格标题
<pre>定义预格式化的文本
<hr>创建一条水平线
<fieldset>定义一个框架集
<legend>元素为 
<fieldset>元素定义标题
<noframes>为那些不支持框架的浏览器显示文本，于 frameset 元素内部
<noscript>定义在脚本未被执行时的替代内容

行内元素（内联元素）有：

<a>标签可定义锚
<span>组合文档中的行内元素
<img>插入图像
<b>字体加粗
<em>定义为强调的内容
<i>斜体文本效果
<small>呈现小号字体效果
<strong>语气更强的强调的内容
<sub>定义下标文本
<sup>定义上标文本
<input>输入框
<textarea>多行的文本输入控件
<big>大号字体加粗
<br>换行
<abbr>表示一个缩写形式
<acronym>定义只取首字母缩写
<bdo>可覆盖默认的文本方向
<cite>引用进行定义
<code>定义计算机代码文本
<dfn>定义一个定义项目
<kbd>定义键盘文本
<label>标签为
<input> 元素定义标注（标记）
<q>定义短的引用
<samp>定义样本文本
<select>创建单选或多选菜单
<tt>打字机或者等宽的文本效果
<var>定义变量

行内块元素

<img>
<input>
<textarea>
<select>