CSS篇-4

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

1. 块级元素

• 特点：块级元素会独占一行，并且可以设置宽度和高度，元素之间会自动换行。例如：<div>, <p>, <h1>, <h2>等。

• 显示方式：块级元素的宽度默认占满其父容器的宽度。它们的内容从新的一行开始显示，后续的元素也会在新的一行显示。

• 示例：

  <div>这是一个块级元素</div>
  

2. 行内元素

• 特点：行内元素不会独占一行，它们会与其他行内元素在同一行显示。行内元素的宽度由内容决定，且不能设置宽高。例如：<span>, <a>, <strong>等。

• 显示方式：行内元素不会引起换行，通常它们会在同一行显示，不影响周围的元素。

• 示例：

  <span>这是一个行内元素</span>