1.静态结构页面制作（搭建分页页码框架） < 1 2 3 ... 197 198 199 >

2.添加CSS样式(为分页页码添加外衣)

1.使用什么标签来制作分页页码

2.使用html实体标签输入" <"," >"

< 代表 <

> 代表 >

3.内联元素设置居中

4.修复行内元素之间间隔bug问题

（1）行内元素中间有空隙

产生原因：换行符，tab(制表符)，空格产生空隙

解决方法：

1.元素写成一行

2.设置font-size:0;

（2）省略句不见问题处理

因为 font-size是一个会继承的属性，当父容器定义了这个属性，下面的子元素（孙元素）都会继承这个属性。视频的例子中，当为外面容器div添加 font-size:0的时候，div下面的所有 span和a标签都继承了这个样式，字体大小变为了0px，所以看不到任何数字内容了；当为其它类添加font-size:14px后，这个属性覆盖了父容器继承下来的属性（CSS的后来居上原则），因此div 下的span和a标签里的数字内容就恢复了正常。

解决方法：

如果需要看见，可以将原来的小点点（...）文本替换为下面的内容：

<span class="ellipsis">...</span> 并在css中增加一下内容：

.ellipsis{
   font-size:14px;
   border:none;
   margin-left: 8px;
}