简述DIV元素和SPAN元素的区别

DIV和SPAN是两种常见的HTML元素，DIV是块元素，默认换行，一般用于排版。SPAN是行内元素，默认不换行，一般用于局部文字样式。通过DISPLAY他们之间可以相互转换，DIV默认是BLOCK，SPAN默认是INLINE.
它们在使用和功能上有一些主要的区别。

块级元素与行内元素：DIV是一个块级元素，它会在其前后创建“块”，占据其父元素的整个宽度，并强制开始新的行。这意味着DIV元素可以包含其他的块级元素和行内元素。另一方面，SPAN是一个行内元素，它不会开始新的行，只是单纯地标示文本的一部分。
结构意义与样式意义：DIV通常用于网页的布局和结构，它通常包含其他的块级元素或行内元素，用于划分不同的区域或部分。而SPAN主要用于应用样式，它没有结构上的意义，通常用于对文本的一部分进行样式修改。
默认样式：由于DIV通常用于划分大的区域，浏览器会为其添加一些默认的样式，例如边距和填充。而SPAN没有这些默认样式。
使用场景：在HTML中，DIV元素常被用于布局和结构，例如在网页中创建列或部分。而SPAN常被用于对文本的一部分应用样式，例如改变文本的颜色、字体或大小等。

总的来说，DIV和SPAN都是HTML中非常重要的元素，它们在使用上有一些区别，主要在于它们的作用和功能。DIV主要用于网页的布局和结构，而SPAN主要用于样式的应用。

<!DOCTYPE html>
<html>
<head>
<style>
.divClass {
background-color: yellow;
padding: 20px;
}
.spanClass {
color: red;
}
</style>
</head>
<body>
<div class="divClass">
<p>这是一个段落，包含两个部分：</p>
<span class="spanClass">第一部分</span> 和 <span class="spanClass">第二部分</span>。
</div>
</body>
</html>