span是行内元素，它占它自身大小的位置，而且不能设置宽高以及边距
同时div也可以变为span (display:inline),这样div将变为行内元素
span也可以变为div(display:block),这样span将变为块级元素，默认占一行，而且可以设置宽高
同时，两者要想实现既可以设置宽高，边距，又可以不占一行，则display:inline-block
<span>标签： 定义：<span> 标签被用来组合文档中的行内元素。 提示：请使用 <span>来组合行内元素，以便通过样式来格式化它们。 注释：span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。 例子： <span>这是span</span>的一个示例。
<i>标签： 定义：<i> 标签显示斜体文本效果。 提示：<i> 标签和基于内容的样式标签 <em>类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。
p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。 例子： 这是一个段落</p>
