我的思路是：
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
}
这个可以使用CSS中的伪对象来控制,只要对文章单罗的标签P进行定义就可以了,参考代码如下：p{
font-size:12px
}
p:first-letter{
font-size:25px
}
测试下，可以看出你的段落中的首个字已经成功显示大号字了。
测试IE7.0和FF3.0显示都正常。 你可以自己测试一下。
这里分享下在css中为字符串中的每一行设置样式的方法。
操作设备：联想电脑
操作系统：win10
代码编辑器：zend studio 10.0
1、首先新建一个html文件，命名为test.html，在test.html文件内，使用p标签创建一行字符，用于测试。
2、在test.html文件内，给p标签添加一个class属性，用于样式的设置。
3、在test.html文件内，编写<style type="text/css"></style>标签，页面的css样式将写在该标签内。
4、在css标签内，通过class属性和“:first-letter”选择第一个字符，使用color属性设置它为红色。
5、最后在浏览器打开test.html文件，查看实现的效果。
