CSS Sprites 其实就是把网页中一些背景图片整合到一张图片文件中，再利用 CSS 的"background-image"，"background-repeat"，"background-position" 的组合进行背景定位，background-position 可以用数字能精确的定位出背 ...
分类：
Web程序 时间：
2017-08-23 20:45:07
阅读次数：
188
减少HTTP请求 文件合并 合并css或js文件使要下载的文件数减少 css sprites 使用图片精灵将大量的背景图片整合到一张图片，然后用background-image和background-position控制背景图片的位置定位到要显示的图片，适用于数量多，体积小的图表等图片。 行内图片（ ...
分类：
其他好文 时间：
2017-08-23 19:11:17
阅读次数：
223
Background-color|image|position|repeat 颜色图片位置重复 图片优先 CSS Sprites雪碧图：减少http请求，减小服务器压力。一张大图，通过背景偏移position截取小图。 Li列表 list-style list-style-image list-st ...
分类：
其他好文 时间：
2017-08-18 09:36:03
阅读次数：
137
1 减少http请求, a、 合并脚本跟样式文件，如可以把多个 CSS 文件合成一个，把多个 JS 文件合成一个。 b、 CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位,把多个图片合成一个图片。 2、使用浏览器缓存 设置http头中的cache-control ...
分类：
Web程序 时间：
2017-08-08 13:57:26
阅读次数：
200
运用到的知识点儿：css sprites，css reset，定位，margin负值的妙用，tab选项卡，轮播图，jquery插件开发...css sprites: css reset:统一每个浏览器默认的样式 定位：购物车上的小红图标，以及直降图标 margin负值的妙用：溢出隐藏，边框隐藏，左右... ...
分类：
其他好文 时间：
2017-08-06 16:54:13
阅读次数：
1886
1、css 雪碧图 sprites 其实更高深的应该是把图标做成字体文件直接引用 2、图片地图 类似上，area标签的coords属性 3、合并脚本和样式表，js和css 4、使用base64码减少请求，只针对教小的图片，还是归到1去，可以设成字体 5、新思路，将图片转码后放在js文件的特定对象中， ...
分类：
Web程序 时间：
2017-07-25 00:53:23
阅读次数：
165
前端内容优化主要有以下几条： 1.尽量减少http请求 （1）合并文件，把多个css文件合并在一起； （2）css Sprites，把css相关的background元素进行背景图绝对定位； （3）图像地图； （4）使用data：URL scheme在实际的页面嵌入图像数据； 2.减少DNS（Dom ...
分类：
Web程序 时间：
2017-07-14 14:45:43
阅读次数：
161
长时间不用把精灵图怎么用给忘了。。。 一、PC端 给所用到精灵图的元素设置background:url(sprites.png路径); background-position: -x -y; 其中：-x，-y是该icon到图片左侧、上方的距离 二、移动端 1、同样设置元素的background:ur ...
分类：
其他好文 时间：
2017-07-05 22:54:43
阅读次数：
304
一、CSS Sprites原理 CSS Sprites其实就是把网页中一些小背景图片整合到一张图片文件中，再利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position ...
分类：
Web程序 时间：
2017-07-03 22:32:23
阅读次数：
209
1.请求数量：合并脚本和样式表，css Sprites，拆分初始化负载，划分主域。 2.请求带宽：开启GZip，精简JavaScript，移除重复脚本看，图像优化，将icon做成字体。 3.缓存利用：使用CDN，使用外部的JavaScript和CSS，添加Expires头，减少DNS查找，配置ETa ...
分类：
其他好文 时间：
2017-06-21 14:07:41
阅读次数：
253
