span 是一个 html 标签, 是超文本标记语言 (HTML) 的行内标签, 被用来组合文档中的行内元素. span 没有固定的格式表现. 当对它应用样式时, 它会产生视觉上的变化.
- <span>
- 在行内定义一个区域, 也就是一行内可以被
- < span>
- 划分成好几个区域, 从而实现某种特定效果.
- <span>
- 本身没有任何属性.
- <span>
- 标签没有固定的格式表现. 当对它应用样式时, 它才会产生视觉上的变化. 如果不对
- <span>
- 应用样式, 那么
- <span>
- 元素中的文本与其他文本不会任何视觉上的差异.
- <span>
- 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式.
示例: 使用 <span> 元素对文本中的一部分进行着色
- <!DOCTYPE HTML>
- <HTML>
- <head>
- <meta charset="utf-8">
- </head>
- <body>
- <p>
- 我的母亲有
- <span style="color:blue;font-weight:bold">
- 蓝色
- </span>
- 的眼睛, 我的父亲有
- <span style="color:darkolivegreen;font-weight:bold">
- 碧绿色
- </span>
- 的眼睛.
- </p>
- </body>
- </HTML>
效果图:
- <span>
- 与
- < div>
- <span>
- 在 CSS 定义中属于一个行内元素, 而
- < div>
- 是块级元素, 我们可能通俗地理解为
- < div>
- 为大容器, 大容器当然可以放一个小容器了,
- <span>
- 就是小容器.
更多 web 前端 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/17713.html