为什么优化服务器的性能？
因为使用雪碧图后，本来需要多次请求的图片，我们一次就请求过来了 ，然后使用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内容不会跟着透明