css精灵，也叫css sprite，css雪碧图，是背景图的技术，因为如今的网速是很快的，下载一张图片用的时间很少，所以服务器的连接数是现在最珍贵的资源，连接数是有限的，所以通常将网页中一些小图片放在一张大图片中，一次性进行下载，再通过移动背景图的位置，在需要的地方显示对应的图片的位置。（由于移动的是背景图的位置，所以使用css精灵时位置值一般都是负数，最大值为0）
免责声明：文章转载自《css精灵》仅用于学习参考。如对内容有疑问，请及时联系本站处理。
上篇墨者学院 SQL手工注入漏洞测试(MySQL数据库-字符型）代码覆盖率分析（gcov）下篇
宿迁高防，2C2G15M，22元/月；香港BGP，2C5G5M，25元/月 雨云优惠码：MjYwNzM=
解决方法：使用 position: sticky 做了一个动态吸顶的效果： 举例如下： 1 未向上滚动页面之前： 2 向上滚动页面之后： 这样， “This is tab main”部分的元素，可以一直保持在页面窗口的顶部。 3 具体代码：这个使用的代码其实就是 position: sticky, top: xx （阀值）来实现的： 给想要实现吸顶效果的...
Web前端测试维度： 功能性：功能准确性、兼容性 易用性：易学性、易理解性、易操作性、吸引性 可靠性：成熟性、容错性、稳定性、可恢复性、安全性 可移植性：适应性、易安装性、兼容性 可维护性：易分析性、易测试性 效率：时间特性、资源利用性 调优点： 1. 减少http请求的数量 2. 用好浏览器缓存机制 3. 利用GZIP压缩机制：只针对文本类资源有效...
就是在地面上打凿出凹的圆环效果，利用linear-gradient线性渐变增强内环质感，再用伪类after元素设置中心圆凸块的位置以及大小与跟内环之间的阴影度，然后设置内环的颜色就行了；第四个环上面的第二小凸块也同样适用伪类after元素然后设置z-index的顺序。在linear-gradient段内可以见到各种浏览器支持提示，Firefox Chrom...
摘抄的一些代码还有自己总结的常用的代码~ 1>浏览器样式统一 1 *｛ 2 margin：0px; 3 padding:0px; 4 ｝ 浏览器样式统一 2>清除浮动的方法 3>跨浏览器设置透明度 1 .transparent{ 2 filter:alpha(opacity=50); /*IE*/ 3 -khtml...
之前前端代码部署时用的是grunt，后来又出了个gulp工具，最近试用了一下，很方便，感觉比grunt简单好用，下面把一些常见的任务列一下，备用。 var gulp = require('gulp'); var sdir = '0.0.1'; var ddir = '0.0.1.release'; var gutil = require('gulp-u...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...