比如说：有100条数据要在页面展示，每次展现10条，一共10页。
程序会在第一页取出1--10条数据给静态页面展示。
到第二页的时候在去11--20条数据给静态页面展示。
当然你要给程序相对应的参数，他才能从数据库里面取出来。
美工只做一个展现页面给程序员，分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”，或者是数字的1、2、3、4、5、6那种，剩下的程序员就会搞定一切的。
CSS只能做装饰，不能分页。
内容分页一般是涉及到数据库的内容，如果楼主不是涉及到数据库，而是单纯的想用div+css实现翻页效果，完全可以通过javascript来实现，当点击上一页，下一页的时候应该做怎么样的操作，比如让原本显示的第一页隐藏，将原本隐藏的页面显示，则达成了所谓分页效果，你上面的代码只是一些表面效果，不具备任何所谓的“分页”功能。所谓分页，是动态的获取数据库的内容，通过数据库的记录来进行分类，比如每页需要显示10条记录，则从数据库获取10条记录，当点击下一页的时候，继续获取接下来10条，这里就设计到一些简单的算法，可以去看下javascript和sql查询语句以及limit的使用,手打，求给分
transition-property ：规定设置过渡效果的css属性名称(默认值all)
transition-duration ：规定完成过渡效果需要多少秒或毫秒（默认0s）
transition-timing-function ：指定过渡函数，规定速度效果的速度曲线(默认为ease函数)
transition-delay ：指定开始出现的延迟时间（默认延迟0s）
注意：transition四个子属性之间只能用空格隔开，不能用逗号隔开
