<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--块元素和内联元素
div 就是一个块元素
所谓块元素就是会独占一行，无论它的内容有多少，它都会独占一行
p h1 h2 h3 h4...
div这个标签没有任何寓意，就是一个纯粹的块元素
并且不会为它里面的元素设置任何默认的样式
div元素主要用来对页面进行布局的
span是一个内联元素（行内元素）
所谓的行内元素，指的是只占自身的大小元素，不会占用一行
常见的内联元素
a img iframe
span没有任何寓意，span标签专门用来选中文字
然后为文字来设置样式
块元素主要用来做页面的布局，内联元素主要用来选中文本设置样式
一般情况用块元素去包含内联元素
a元素可以包含任意元素（除了它本身）
p元素不可以包含块元素
-->
<div style="background-color: red; width: 200px;">
我是一个div
</div>
<div style="background-color: #0000FF;width: 200px;">
我是一个div
</div>
<p>我是一个P元素</p>
<hr />
<span>我是一个span</span>
<span>我是一个span</span>
</body>
</html>
原文：https://www.cnblogs.com/weixin2623670713/p/12877971.html