浅谈css中图片定位之所有图标放在一张图上
http://www.qiqiboy.com/2009/11/26/css-image-orientation-and-all-images-in-a-picture.html
如今做网页为了使网站丰富多彩，富于表现力，往往需要应用大量的图片/图标。如何处理这些图片，使其尽量不影响网页载入，解析等速度，是一个不大不小的问题。如果你的网站用各种图标图案装饰的靓丽无比，但是需要等待较长的时间加载，那么相信很多用户会等不及而离开。尽量将图片做的小些，可能是大部分人选择的解决之道。但是100张1kb的图片加载与一张100kb的图片加载，这之间又是不同的，这涉及到网站服务器的同时连接数，网络质量等。但是，显然，加载一张图片要远比加载多张图片简便的多。
还有最重要的一点，就是涉及到用户动作才表现的图片，例如鼠标移上/移下的图片切换，由于是由动作触发的，所以在动作触发前是不会加载的，而当需要时再从服务器下载，这之间又需要一定的时间，如果图片较大，此时网络质量又不太好，就会出现页面空白。而以上这一切，如果你将所有需要的图片放到一张图片上，这些问题就都不会有了。因为在网页加载时这张图片就已经从服务器上下载来了，所以不会出现丢失，未加载等现象。
对于老鸟来说，这一点可能已经成为一种意识，他们都很自觉，下意识的就会这么做，但是对于新手，初接触网页的人来说，可能还停留在用到哪张图片就单独处理哪张图片的阶段。我当然也是新手，之前在做网站右上角的一张图片切换时，就是做了两张不同的图片，结果往往容易碰到网速不好时，第二张图片不能及时加载上来。于是今天便将其处理了一下，整到了一张图片上。我比较懒，后期往网站上添加一些内容时，懒得去动以前的东西，所以后期某些地方加入的图标啥的都是单独一张小图标加上去的，也没与之前的整合。但是，有一些尺寸稍大的，就不行了，就像我今天处理的，总是有延迟。现在我就拿其做个例子，说说css中图片定位及整合的好处。
为了使某处富于表现力，比如菜单，导航等，往往会用到鼠标移上移下的不同样式表现，最简单的就是图片切换了。比如两张图片，一张用于鼠标未指向时，另一张用于鼠标移上去时。为了使第二张图片无缝载入，就需要将这两张图片放到一起。比如本站右上角的那图案，初始时是灰色，鼠标移上则变为彩色。即是用到了此张图片：
css中定义:
.ltlogo a{background:url("img/ltlogo.gif") n
相关文档：
字体
font-family: 字体名称
如果在
font-family后加上多种字体的名称，浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体，一旦遇到与要求的相匹配的字体，就按这
种字体显示网页内容，并停止搜索；如果不匹配就继续搜索，直到找到为止，万一样式表里的所有字体都没有安装的话，浏览器就会用自己默认� ......
使用IE8 可能出现的问题：
* 网页布局不整齐
* 文本或图像重叠
* JavaScript 功能有问题或错误
一般解决
1.写CSS Hack。
而后台人员不擅长于写CSS。
2.强制IE8像IE7那样呈现内容。
在<head></ ......
翻译：阿捷
原文作者：Roger Johansson
作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名 原文出处：www.456bereastreet.com
阿捷说明：此文原名"CSS tips and tricks"，有2篇，我将它们合并翻译在本文中。
本文总结了我开始使用CSS布局� ......
作为一个资深并且专业的扒皮人员，在我从初三开始投入伟大的互联网中到现在积累了丰富的扒皮经验。我相信每个做web的程序员也都会有类似的经历。
在扒皮过程中，必不可少的需要下载样式文件中的图片。碰到比较庞大的样式文件，其中可能会有上百个需要下载的图片，那么使用下面这段小代码是最为合
适的了。
< ?php
/* ......
CSS语法 (不区分大小写) JavaScript语法 (区分大小写)
border border
border-bottom &nbs ......
