2-3 diy一个标签吧 - 使用<span>标签自定义文字样式
本节编程练习不计算学习进度，请电脑登录imooc.com操作

diy一个标签吧 - 使用<span>标签自定义文字样式

这一小节讲解<span>标签，这个标签是没有语义的，它的作用就是为了设置单独的样式用的。

如果现在我们想把下面的第一段话“美国梦”三个字设置成blue（蓝色），所以这样情况下就可以用到<span>标签了。

如下面例子：

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

语法：

<span>文本</span>

任务

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

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

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

index.html 
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>了不起的盖茨比</title>
  7.     <style>
  8.     span {
  9.  
  10.     }
  11.     </style>
  12. </head>
  13.  
  14. <body>
  15.     <p>1922年的春天，一个想要成名名叫尼克•卡拉威（托比•马奎尔Tobey Maguire 饰）的作家，离开了美国中西部，来到了纽约。那是一个道德感渐失，爵士乐流行，走私为王，股票飞涨的时代。为了追寻他的美国梦，他搬入纽约附近一海湾居住。</p>
  16.     <p>菲茨杰拉德，二十世纪美国文学巨擘之一，兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌，其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
  17. </body>
  18.  
  19. </html>
下一节