一、小图跟文字进行水平对齐技术
第一种方式：通过调整文字背景图的位置。
通过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的方式
三、样式表总结
样式表 优点 缺点 使用情况 控制范围
行内样式表 书写方便 没有实现样式和结构相分离 极少 控制一个标签
内嵌样式表 结构和样式相分离 没有彻底分离 较多 控制一个页面
外部样式表 完全实现结构和样式相分离 需要引入 最多 控制整个站点