替换插入图
h1标签是权重最高的标签，一般会在内部书写最重要的内容，比如logo图片、最大的标题等。
另外h1内部的文字可以帮助提高SEO搜索排名
在设置的是logo图片时，如果使用插入图，就不能书写搜索关键字
背景图替换插入图
如果想解决SEO问题，可以将HTML结构中，插入图换成搜索关键字，然后使用CSS添加背景图给a标签或h1标签
文字隐藏方法
- 将字号设置为0.IE8及以上或更高版本可以隐藏文字，但是IE7及以下有兼容问题
- 可以设置给a标签一个text-indent属性，属性值为负的很大值，文字会走到盒子外部，直接在设置overflow：hidden，将文字隐藏。
padding区域制作背景图
.new li{
padding-left：25px；
background：url（images/s2.png） no-repeat left center;
}
精灵图
CSS精灵是一种处理网页背景图像的方式
它将一个页面涉及到的所有零星背景图像都集中到一张大图中去，然后将大图应用于网页，这样，当用户访问该页面时，只需向服务发送一次请求，网页中的背景图像即可全部展示出来
注意事项：
CSS3新增背景属性
背景半透明
CSS3支持背景半透明的写法，颜色值增加了一种rgba模式
rgba模式：在rhb基础上增加了一个不透明度的设置，不透明度alpha取值范围0-1之间，0表示完全透明，1表示完全不透明，0.5表示半透明
书写方式：rgba（红色，绿色，蓝色，不透明度）
注意：背景半透明是指盒子背景半透明，盒子内容不受影响
- 可以给文字和边框透明，都是rgba格式来写
背景缩放（background-size）
通过background-size设置背景图片尺寸，就像我们设置img的尺寸一样，在移动web开发中做屏幕适应应用非常广泛
多背景
CSS3中规定，一个盒子上，可以添加多个背景图片
background-image的属性值书写时，以逗号分隔多背景的URL路径地址
注意：背景加载时 ，先写的背景压盖后写的背景图
