提高背景的性能优化

　　之前讲到了标签 css 及排版的一些内容

　　回顾： 标签分单标签 和双标签 

　　　　　　　　　块级和行级

　　　　　　css称为层叠样式表    选中走权重 选不中走就近原则

　　　　　　排版主要的两种方式 float         absolute

　　标准文档流：浏览器的天生排版方式

　　现在开始新的内容

　　background-position 

　　我们html和css中三个属性可以向服务器发送请求     <img src>      <href>超链接     <url>背景

　　尽量减少服务器的请求次数 ，如果一张图片要向服务器请求两次，那么20张图片要向服务器请求40次 ，10个人看就要向服务器发送400次 无疑是加大了服务器的压力

　　通过鼠标悬浮 可以使两个图片 在一个位置

　　<style>
　　　　　div{
　　　　　　background:url(imge/01.png) no-repeat;
　　　　　　width:50px;
　　　　　　height:50px;
　　　　　　border:red 1px solid;
　　　　　}
　　　　　　div:hover{
　　　　　　background-position:0px -70px;
　　　　　}
　　</style>

　　把一张图片放在多个窗口，从而实现只需加载一个图片便可以加载出一片内容

　　overflow:hidden；   超出就隐藏

　　visibility:hidden;       消失但占位置

　　display:none;           消失不占位置

　　所有的样式表都有的都需要进行的写出来 （公共样式）

　　* （通配符（适用初学者，他会增加浏览器的负担）{

　　　　　　margin：0；

　　　　　　padding：0；

　　　　}

　　ul,ol(列表样式){

　　　　　　list-style:none;

　　　　　　}

　　.clearfix(清除浮动){

　　　　　　contant:"";

　　　　　　display:block

　　　　　　visibility:hidden

　　　　　　height:0;

　　　　　　clear:both;

　　　　　　}