文章列表
css sprites的利弊
关于这项技术的利弊，网上说法众多。估计我也只是其中之一。
关于这项技术，最大的好处有下面几个：
1，减少网页加载时的http请求数。这种情况貌似只适用于“初次加载”之类需要重新从服务器端获取资源的情况。但无论怎样，对于一个流量较大或者频繁被“重新加载”的网页，还是很有用的。
2，给链接做背景图时，可以防止a:hover 时再载入背景图片而导致的背景“闪烁”。个人觉得这一点在提升用户体验具有一定的意义。
3，图片易于管理。前提是拼合的图片有一定的规律。如下图，就是一张“网站全部使用的按钮背景”的图片。这样可以很直观的看到网站中所有的按钮样式。
...
1，IE6下，由于浮动导致双倍边距问题。主要产生于横向排列的商品列表中。解决方案，将产生双倍编剧的元素定义属性 _display:inline; 2，内联样式元素后有空格时，右侧及下侧各产生3px边距问题。主要发生于图文混排的情况。解决方案，内联元素后如不希望出现3px边距，则在后面不出现空格和tab/回车等符号，直接接下一个元素标签。如出现回车，则将产生IE下3px边距仍存在，而其他浏览器下3px已被清除的现象。如不能连续书写标签，则可在css中设置内联元素为display:block，再根据需求设置float属性以保证模拟内联效果。 3，<li>标签中包含有块级元素，也有可能只限 ...