章节
问答
笔记
评论
占位
占位

使用<span>标签为文字设置单独样式

这一小节讲解<span>标签,我们对<em><strong><span>这三个标签进行一下总结:

1. <em><strong>标签是为了强调一段话中的关键字时使用,它们的语义是强调。

2. <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。

如果现在我们想把上一小节的第一段话“美国梦”三个字设置成blue(蓝色),但注意不是为了强调“美国梦”,而只是想为它设置和其它文字不同的样式(并不想让屏幕阅读器对“美国梦”这三个字加重音读出),所以这样情况下就可以用到<span>标签了。

如下面例子:

<p>1922年的春天,一个想要成名名叫<em>尼克•卡拉威</em>(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,<strong>股票</strong>飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住。</p>

语法:

<span>文本</span>

任务

我来试试:把“美国梦”设置为蓝色

1. 在右部编辑器中的第13行对“美国梦”文本加上<span>标签。

2. 在第8行输入color:blue;,为<span>元素设置文本颜色为蓝色。

?不会了怎么办

1. 别忘了span标签的语法

  <span>...</span>

2. color:blue;语句最后的;不要丢掉。

||

提问题

写笔记

截图
提交
||

请验证,完成请求

由于请求次数过多,请先验证,完成再次请求

举报

0/150
提交
取消
全部 精华 我要发布
全部 我要发布
最新 点赞
只看我的

手记推荐

更多

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?