我的思路是：
1、每句用一个span或者p标签，包裹起来。--为什么这么做？因为，要单独控制样式啊
2、然后依次写动画。-- 结合 keyframes和animation写帧动画。
3、记得给每个动画写延迟时间。--让不同句子出现时间不一样。
举个例子：
<div class="box"><p>这是第1个p</p>
<p>这是第2个p</p>
<p>这是第3个p</p>
</div>
CSS:
@keyframes ani{0%{ opacity:0 }
100%{ opacity:1 }
}
.box p:nth-child(1){
animation: ani 0.2s both
}
.box p:nth-child(2){
animation: ani 0.2s 0.2s both
}
.box p:nth-child(3){
animation: ani 0.2s 0.4s both
}
1、首先准备一个空的HTML5结构，如下图所示，然后在body中添加两个h标签，如下图所示。
2、然后在style标签下书写CSS样式，给h标签的伪元素添加content内容。
3、除了可以运用content添加纯文本内容外，也可以运用它添加文字符号，如下图所示，先定义符号，然后添加符号。
4、接下来就是运用content属性添加图片了，这也是比较常用的功能，如下图所示。
5、最后，来看一下运用content的counter属性来给指定的元素进行计数，如下图所示，h1标签会被添加上序号。
<!-- 网页正文左边 begin--><div id="Left">
<!--正文 begin-->
<div id="Left_content">
<!--正文标题begin-->
<div id="Left_content_title">
<span>李肇星：城乡按相同比例选人大代表条件已具备</span>
</div>
<!--正文标题end-->
</div>
<!--正文 end-->
</div>
<!-- 网页正文左边 end-->
这样就对了
引用后边多了叹号
