矢量图标

　为什么优化服务器的性能？

　　因为使用雪碧图后，本来需要多次请求的图片，我们一次就请求过来了 ，然后使用background-position调整位置

　　减少向该页面向服务器的请求次数，简洁的优化了服务器的性能

　　.ico   的拓展名是图标的意思

　　如何实现标题<title>中的小图标          <link rel="shortcut  icon"    href="favicon.ico" / >  href建议不要写地址

　　需要link标签  rel是当前页面和url之间的关系

　　　　　　　　type资源文件的mime类型

　　　　　　　　HTML文件mime类型是text/html

　　　　　　　　image/jpg(png gif)

　　　　　　　　css的mime类型  text/css

　　　　　　　　js的mime 类型 text/js

　　　　mime类型 客户端和服务端之间的暗号，根据拓展名而定

　　矢量图标 ：阿里巴巴矢量图库 

　　做一个项目完整的目录     base.css

　　css

　　images

　　js

　　index.html

　　矢量图标 

　　table{

　　　　border-collapse:collapse;

　　 }           让表格边框变细

　　font的简写 

　　　　font: 12px/150% Arial 

　　　　　　大小   行高    字体

　　.clearfix{

　　　　*zoom:1；    对ie7/6清除浮动在低版本的浏览器的兼容问题

　　}

　　初始化样式放前面

　　cursor  光标  属性值有：pointer（指针）corsshair（十字线）wait（转圈）help（问好）

　　rgb  和  opacity   与  rgab

　　rgb颜色的表示方法 rgb（12，14，33）在0-255中间取值

　　opacity表示透明0-1(0.5可以写成.5)

　　rgba的意思  r 代表red  g代表 green b代表blue   a代表opacity （不管是rgb和opacity  还是rgba都没办法处理浏览器的透明度兼容问题）（ie8到以下的版本）

　　要处理兼容 要写 filter:alpha(opacity=50); (取值0-100)

　　rgb 和opacity 与rgba 的区别：

　　rgb和opacity   内容也会跟着透明              rgba内容不会跟着透明