块状元素和行内元素的区别是什么？

一、常见的块状元素和行内元素分别有哪些

块状元素：

<address>定义地址

<div>主要布局标签

<fieldset>定义一个框架集

<form>创建HTML表单

<h1>--<h6>标题

<hr>分隔线

<caption>定义表格标题

<ol><ul>定义列表

<dd><dl><dt>自定义列表

<table>定义表格

<td>表格单元格

<tfoot>表格页脚

<th>表头单元格

<thead>定义表格的表头

<tr>定义表格中的行

<p>段落

<pre>原格式输出

行内元素：

<a>可以定义锚

<b>字体加粗

<br>换行

<cite>引用

<code>定义代码

<em>强调

<img>插入图片

<input>输入框

<label>input元素定义标记

<select>多选

<span>组合文档中的行内元素

<strong>强调

<sub><sup>上下标

<textarea>多行的文本输入控件

<var>定义变量

二、区别

1、块级元素会独占一行，其默认宽度是父元素的宽度。

行内元素不会独占一行，相邻的行内元素会排在一行，排满才进入下一行。

2、块级元素可以设置宽高等属性，行内元素设置宽高无效。

3、块级元素可以设置margin、padding，但是行内元素设置margin、padding水平方向有效，竖直方向无效

4、块级元素可以包含行内元素和块级元素，行内元素不能包含块级元素。