理论知识
- span是一个用来组合文档的行内元素。
行内元素: 可以简单理解为作用空间只在一行之内,不会产生换行效果。
- 主要用来将文档的一部分或文档的一部分隔离出来,然后对这些部分添加特有的样式。譬如, 'ABC'是一行文本,现在只想对B添加加粗样式,则可以使用span标签将B包裹,
即'A< span>B< /span>C',此时可以给span添加id或class,就可以单独为B添加想要的样式。如果仅仅只是使用span包裹元素,不进行其他操作,则浏览器展示出来的样式同不使用span标签的效果一致。
实践
<div>
我是一名优秀的程序员。<br/> //显示一行
我是一名<span>优秀</span>的程序员。<br> //显示一行。同上一行代码一致
我是一名<span style="color: red">优秀</span>的程序员。 //显示一行,‘优秀’变红
</div>