比如说：有100条数据要在页面展示，每次展现10条，一共10页。
程序会在第一页取出1--10条数据给静态页面展示。
到第二页的时候在去11--20条数据给静态页面展示。
当然你要给程序相对应的参数，他才能从数据库里面取出来。
美工只做一个展现页面给程序员，分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”，或者是数字的1、2、3、4、5、6那种，剩下的程序员就会搞定一切的。
CSS只能做装饰，不能分页。
WordPress长文章分页的操作步骤：
第一步：进入WordPress网站后台，在外观下找到“编辑”选项，然后找到文章页面模块single.php，在single.php中找到下面的代码
<?php the_content() ?>
第二步：找到上面的代码之后，在其下方添加wordpress自带的分页功能函数代码：
<?php wp_link_pages() ?>
第三步：第二步的代码可以实现简单的分页效果，如果你想让分页按钮更加美观的话，可以将第二步的代码替换成下面的调用代码：
<?php wp_link_pages(array('before' => '<div>分页阅读：', 'after' => '', 'next_or_number' => 'next', 'previouspagelink' => '上一页', 'nextpagelink' => "")) ?> <?php wp_link_pages(array('before' => '', 'after' => '', 'next_or_number' => 'number', 'link_before' =>'<span>', 'link_after'=>'</span>')) ?> <?php wp_link_pages(array('before' => '', 'after' => '</div>', 'next_or_number' => 'next', 'previouspagelink' => '', 'nextpagelink' => "下一页")) ?>
通过下面的CSS代码来控制分页按钮的显示样式，直接复制下面的CSS样式到style.css文件中，这样就可以实现下面的效果
/**页面分页**/
.fenye{text-align:centermargin:0px auto 10pxfont-weight:bold}
.fenye span{background-color:#DDDDDDcolor:#ffffont-weight: boldmargin:0px 1pxpadding:1px 6pxdisplay:inline-blocktext-decoration:noneborder:1px solid #e0e0e0}
.fenye a{text-decoration:none}
.fenye a span{background-color:#F6F6E8font-weight: normalcolor: #000text-decoration: none}
.fenye a:hover span{background-color:#DDDDDDcolor: #fff}
第四步：在文章中需要分页的位置插入分页代码【必须在代码文本模式下插入】
<p><!--nextpage--></p>
第五步：如果觉得每次使用分页代码比较麻烦，可以通过在编辑器上方添加一个“分页按钮”来使用，即在文章中需要分页的地方点一下“分页按钮”就会自动的添加分页代码。【此步可做可不做】
1、找到 /wp-includes/class-wp-editor.php 文件。查找 ‘wp_more’, 标签：（在366行处）
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000 TEXT-DECORATION: underline">'wp_more',</SPAN></STRONG></SPAN> '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id)
2、在 ‘wp_more’ 后添加 ‘wp_page’, （含单引号和逗号）。修改后代码如下：
$mce_buttons = apply_filters('mce_buttons', array('bold', 'italic', 'strikethrough', '¦', 'bullist', 'numlist', 'blockquote', '¦', 'justifyleft', 'justifycenter', 'justifyright', '¦', 'link', 'unlink', <SPAN style="TEXT-DECORATION: underline"><STRONG><SPAN style="COLOR: #ff0000 TEXT-DECORATION: underline">'wp_more','wp_page',</SPAN></STRONG></SPAN> '¦', 'spellchecker', 'fullscreen', 'wp_adv' ), $editor_id)
3、此时，你就可以在后台写文章及编辑文章页面的文本编辑器上看到一个跟 more 标签按钮相似的图标。
同样，在代码编辑器也会相应出现一个 nextpage 按钮。
第六步：消除分类后不同页面的文章的标题相同的问题，避免影响网站SEO优化。在主题模板文件 header.php 找到类似 <title>……</title>代码，将其替换为如下代码。
<?php if ( is_single() ) { ?><title><?php echo trim(wp_title('',0)) ?><?php if (get_query_var('page')) { echo '-第' echo get_query_var('page') echo '页'}?> — <?php bloginfo('name') ?></title><?php } ?>
第七步：实现分页功能后，会导致Feed页面的文章被分页，一般只显示第一页的内容，解决方法：打开 wp-includes 目录下的 query.php 文件，找到下面这行代码(大概在3578行)
if ( strpos( $content,'<!–nextpage–>' ) ) {
把它修改为下面这行代码。
if ( strpos( $content, '<!--nextpage-->' ) && (!is_feed()) ) {
内容分页一般是涉及到数据库的内容，如果楼主不是涉及到数据库，而是单纯的想用div+css实现翻页效果，完全可以通过javascript来实现，当点击上一页，下一页的时候应该做怎么样的操作，比如让原本显示的第一页隐藏，将原本隐藏的页面显示，则达成了所谓分页效果，你上面的代码只是一些表面效果，不具备任何所谓的“分页”功能。所谓分页，是动态的获取数据库的内容，通过数据库的记录来进行分类，比如每页需要显示10条记录，则从数据库获取10条记录，当点击下一页的时候，继续获取接下来10条，这里就设计到一些简单的算法，可以去看下javascript和sql查询语句以及limit的使用,手打，求给分
