今天就来聊聊我捣鼓网页时候用到 `` 这个玩意儿的经历。
一开始我就是想给一段话里的某几个字弄点不一样的效果，比如改个颜色，或者让它显眼一点。最开始我以为直接改那整段话的样式就行，比如用个 `
` 标签包起来，然后给 `
` 加样式。但这样一来，整段话都变，不是我想要的效果。我就想要其中几个字变色，其他的不变。
我就寻思，肯定有办法只圈定那几个字？后来翻翻资料，网上查查，发现 `` 这个标签。看介绍说它是个“内联容器”，听着有点悬乎，但大概意思就是，它能把我想要改样式的那几个字或者那小段文本给包起来，但它本身又不像 ` ` 或者 ` 感觉有点意思，我就试试。先是最笨的办法，直接在 `` 标签里写样式。比如我想让“特别提醒”这四个字变成红色，我就这么写： 还真行！就那四个字变红，其他的字没受影响。这下就解决我的问题。 后来我又想，如果一个页面里好多地方都要这样改，每个地方都写一遍 `style="color: red;"` 也太麻烦，而且以后想统一改个颜色，比如从红色改成蓝色，那得一个个找出来改，太费劲。 我就想起来之前看到的 CSS，说是可以把样式统一定义然后给需要应用样式的元素加个名字（就是“类名”）。我就试着在网页头部的 `` 那样会自己占一大块地方或者换行，它就老老实实待在原来的那行里。
<p>这是一段普通文字，但是<span style="color: red;">特别提醒</span>部分需要注意。</p>