行内元素和块级元素的区别? 分别有哪些?

什么是块级元素:

块级元素是指在文档流中以块的形式展现的元素，它们会在前后生成新的一行并且自动换行。例如

、

、

~

等
块级元素的特点:

1. 块级元素会自动换行，并占据一整行的宽度；
2. 可以设置宽度、高度、内边距和外边距；
3. 可以嵌套其他块级元素和行内元素；
4. 可以设置 CSS 样式，比如背景颜色、字体样式等。

什么是行内元素:

行内元素是指在文档流中流动的元素，通常用来包含文本或其他行内元素。
例如:、、

---

、、、等
行内元素的特点:

行内元素和块级元素的区别

• 行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block

• 块级元素写完后会自动换行(独占一行)，有宽高可以修改

• 行内元素不从新行开始，只占用必要宽度；块级元素总是从新行开始，并占用其父元素的可用的全部宽度。

行内元素演示如下:

<a href="">定义超链接a>
<br>  换行 
<hr>  水平线
<span>组合文档中的行内元素span>
<ins>下划线ins>
<u>下划线u>
<del>删除线del>
<s>删除线s>
<b>加粗b>
<strong>加粗strong>
<em>倾斜em>
<i>倾斜i>
<img src="" alt="定义html图像">
<select>
  <option>创建多选菜单或单选option>
select>
<textarea>文本域textarea>

块级元素演示如下:

<h1>标题标签1h1>
<h2>标题标签2h2>
h3>标题标签3h3>
h4>标题标签4h4>
h5>标题标签5h5>
h6>标题标签6h6>
<div>定义文档中的节div>
<p> 段落p>
<table> 表格table>
<ol> 有序列表ol>
<ul> 无序列表ul>
<dl> 自定义列表dl>
<li>定义有序列表或无序列表的列表项目li>
<video> 嵌入视频video>
<audio> 嵌入音频audio>
<form> 表单from>