雪碧图（background-position）、overflow、title中的小图标、光标、rgb 和opacity 与rgba

一、background-position     雪碧图

　　我们的html和css中有三个属性可以向服务器发送请求：src   url    href

　　1、我们为什么使用雪碧图？

　　　　因为我们使用雪碧图之后，本来需要多次请求的图片，我们一次就请求过来了

二、overflow

　　1、值hidden：超出就隐藏

　　2、值scrol：出现滚动条

　　　　visibility：hidden；可见的（消失但是占用位置）

　　　　display：none；消失但不占用位置

三、title中的小图标

　　1、如何实现浏览器title中的小图标？

　　　　我们需要借鉴link标签

　　2、link标签的属性有哪些？

　　　　rel     type     href

　　　　rel：是当前页面和url之间的关系　　rel=“stylesheet”

　　　　type：是资源文件的mime类型

　　　　<link  rel  ="shortcut   icon"   href="favicon.ico"/>

　　　　title中的小图标就出来了，href中不能写./

　　　　*注：mine类型：客户端与服务端之间的暗号，根据扩展名而定

　　　　　　.html文件的mime类型是text/html

　　　　　　图片的mine类型是image/jpg（png/gif）

　　　　　　css的mime类型是text/css

　　　　　　js的mime类型是text/javascript

　　　　　转移字符：空格的转移字符：&nbsp；

四、光标的形状

　　cursor光标属性值有pointer（抓手）、wait（等待）、help（问号）、默认的是指针

五、rgb 、opacity与rgba

　　1、rgb（）：颜色的表示方法值是0—255，如background：（12，15，16）；

　　　  opacity（）：表示透明度   值是0—1；

　　      rgba（）：r 是red  的值0—255，g 是green 的值0—255，b是blue 的值0—255，a是opacity 的值是0—1，但是IE底版本不支持；

　　*注：解决透明度在IE底版本的兼容性，加入一个   filter：alpha（opacity=“50”）

　　2、rgb 和opacity 与rgba的区别：
　　　　前者的内容也跟着透明，而后者的内容不跟透明；内容包含图片和文字；