一、定义

行内元素（inline elements）是指在HTML中默认呈现为一行的元素，它们不会独占一行，而是根据其内容的大小进行排列。行内元素的宽度和高度由其内容决定，不能直接设置宽度和高度。

块级元素（block-level elements）是指在HTML中默认呈现为独占一行的元素，无论其内容是否占满一行的宽度。块级元素的宽度、高度、边距和内边距都可以通过CSS属性进行设置。块级元素可以包含其他块级元素和行内元素，可以形成复杂的布局结构。

二、常见的行内元素和块级元素

以下是一些常见的行内元素和块级元素的示例：

行内元素：

<span>：用于标记文本的行内元素。<a>：用于创建超链接的行内元素。<strong>：用于强调文本的行内元素。<em>：用于斜体强调文本的行内元素。<img>：用于插入图像的行内元素。<input>：用于创建输入字段的行内元素。<label>：用于标签文本的行内元素。

块级元素：

<div>：用于创建一个块级容器。<p>：用于段落的块级元素。<h1>-<h6>：用于标题的块级元素。<ul>：用于无序列表的块级元素。<ol>：用于有序列表的块级元素。<li>：用于列表项的块级元素。<table>：用于创建表格的块级元素。<form>：用于创建表单的块级元素。

需要注意的是，HTML5中引入了一些新的元素，例如<section>、<article>、<header>、<footer>等，它们的默认样式是块级元素，但也可以通过CSS进行修改。此外，通过CSS的display属性，可以将行内元素转换为块级元素，或将块级元素转换为行内元素。

三、行内元素和块级元素区别

行内元素和块级元素是HTML中的两种基本元素类型，它们在页面中的呈现方式和行为上有一些区别。

行内元素的特点：

默认情况下，行内元素不会独占一行，而是在一行内根据其内容的大小进行排列。行内元素的宽度和高度由其内容决定，不能直接设置宽度和高度。行内元素不能包含块级元素，只能包含其他行内元素或文本。行内元素可以设置水平方向的边距（margin）和内边距（padding），但不会影响到其他元素的布局。

块级元素的特点：

块级元素会独占一行，即使它的内容不占满一行的宽度。块级元素的宽度、高度、边距和内边距都可以通过CSS属性进行设置。块级元素可以包含其他块级元素和行内元素，可以形成复杂的布局结构。块级元素可以通过设置宽度和高度来控制其占据的空间。四、行内元素和块级元素的转化

行内元素和块级元素可以通过CSS的display属性进行转化。

要将行内元素转化为块级元素，可以使用以下CSS样式：

display: block;

要将块级元素转化为行内元素，可以使用以下CSS样式：

display: inline;

要将块级元素转化为行内块级元素，可以使用以下CSS样式：

display: inline-block;

将元素转化为行内元素或行内块级元素后，它们将不再独占一行，并且可以与其他行内元素在同一行显示。这对于创建水平布局、嵌套元素或设置元素的宽度和高度等方面非常有用。

请注意，一些元素在默认情况下就是块级元素或行内元素，它们的转化可能没有明显的效果。例如，<div>元素默认为块级元素，将其转化为块级元素不会产生任何变化。同样，<span>元素默认为行内元素，将其转化为行内元素也不会产生明显的效果。