一、小图跟文字进行水平对齐技术

第一种方式：通过调整文字背景图的位置。

通过padding+背景图的position配合产生对齐效果。

注意精灵图（长条适合）

第二种方式：将背景图设置到一个s标签上，让s标签跟文本对齐。

精灵图可以做的非常紧凑。

关键点：文本的对齐到middle，可以通过设置图片的margin-top、left、right等控制图片的显示位置。

第三种方式：可以同浮动的形式实现

二、CSS滑动门技术

1、margin负值运用

制作网页时，为了拉开元素之间的距离，常常给元素设置大于0的外边距margin。其实，在实际工作中，为了实现一些特殊的效果，经常需要将元素的margin设置为负值，如下图所示的元素重叠效果。

�2、消除inline-block中的空隙

行内块之间会有缝隙，去掉的方法

1. 去除空格，把代码放在一行上。

2. 使用margin负值。

3.给父级添加font-size:0；

4.使用letter-spacing或者word-spacing

5、使用float的方式

三、样式表总结

样式表           优点                         缺点                           使用情况           控制范围

行内样式表   书写方便      没有实现样式和结构相分离   极少        控制一个标签

内嵌样式表  结构和样式相分离     没有彻底分离               较多        控制一个页面

外部样式表   完全实现结构和样式相分离   需要引入        最多           控制整个站点