span标签

理论知识

  • 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>

参考文档

posted on 2020-02-17 21:23  tylerGuo  阅读(1706)  评论(0编辑  收藏  举报

导航