1）区块划分标签<div>
到目前为止，我们的网页内容都是在同一个标签内部，即<body></body>之间，如果要设置这一部门的样式，则可以直接在
<body>标签内进行设置。但是，如果想body内容不同的区域有不同的样式，比如body分为三段，每段都有不同的背景颜色等类似
设置，目前设置起来比较麻烦。<div>标签就可以解决这类问题。
<div></div>标签用于将body分为不同的区域，每个区域可以单独设置自己的样式。下面是代码和截图 ：
<!DOCTYPE html>
<html>
<head>
<title>Test Div</title>
</head>
<body>
<div style="background-color:red">
<p style="color:blue">背景色是红色</p>
</div>
<div style="background-color:yellow">
<p style="color:red">背景色是yellow</p>
</div>
</body>
</html>
2）设置样式标签 <span>
对于<p></p>标签内部的这段文本，如果你想加粗 或者强调其中的几个字，你可以用<strong>、<em>等标签，但是如果想对
其中的几个文本设置文本颜色或者其他样式该怎么办？
这时候我们可以用<span>标签，通过span标签，我们可以对span标签包含的文本进行style样式设置，这样就可以使我们的文本
看起来多姿多彩。下面是代码和截图：
<!DOCTYPE html>
<html>
<head>
<title>Test Div</title>
</head>
<body>
<div>
<p style="color:blue"><span style="color:red">字</span>是红色，<span style="background-color:lightslyblue">背景</span>是浅蓝色</p>
</div>
<div style="background-color:yellow">
<p style="color:red">背景色是yellow</p>
</div>
</body>
</html>
参考文献：
305
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
