今天上手试试那个叫 `` 的标签，之前老是模模糊糊的，就知道它能圈住点文字，但具体咋用，啥场景用，一直没太搞明白。
我就是想给一段话里的某几个字单独改个颜色，比如让某个关键词显眼一点。我试过直接用 `
` 标签再套一层，那肯定不行，段落都乱。也想过用 `
`，但 `
` 这玩意儿默认是占一整行的，我就是想改行内的几个字，用 `
` 之后，那几个字前后就自动换行，也不是我想要的效果。
摸索过程
后来我就琢磨，是不是有啥标签专门干这事的？就想起 ``。我就试着把我想要改颜色的那几个字用 `` 包起来，像这样：
<p>这是一段普通的文字，我想把<span>这几个字</span>变个色。</p>
写完一看，页面上啥变化也没有！它不像 ` ` 或者 `` 那样，自带换行或者加粗啥的，它就安安静静地待在那儿，好像不存在一样。
这时候我才反应过来，查查资料，，原来 `` 本身就是个“透明人”，它主要的作用就是为让你能选中一小块行内的内容，然后方便你用 CSS 去给它加样式。
动手实践加样式
明白这点，我就动手给刚才那个 `` 加样式。我在我的 CSS 文件里加这么一句：
span { color: red; font-weight: bold; }
再刷新页面一看，效果出来！那段话里被 `` 包裹的“这几个字”果然变成红色，还加粗。而且最重要的是，它还在原来的那一行里，没有破坏段落的整体布局。
总结体会
搞半天，总算明白。这个 `` 标签，就是个行内的容器，专门用来在一行文字内部划出一小块区域。它自己没啥特别的样式，但就是提供一个钩子，让你可以针对这一小块内容进行精细化的样式控制，比如改颜色、改字体大小、加背景等等，还不会影响到整个段落的排版。
以后再遇到想给一句话里的几个字或者某个词单独“化妆”的时候，就知道用 `` 准没错。挺方便的一个小工具。
免责声明：由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权，根据《信息网络传播权保护条例》，如我们转载的作品侵犯了您的权利,请您通知我们，请将本侵权页面网址发送邮件到qingge@88.com，深感抱歉，我们会做删除处理。