雪碧图（Sprites） 雪碧图也叫CSS精灵， 是一种CSS图像合成技术，就是将许多小图标合并在一张背景透明的图片上，使用background-position和background-size来控制图片显示的区域。 为什么要使用雪碧图 网站开发90%会用到小图标， 多小图标调用显示是前端开发常见的 ...
分类：
其他好文 时间：
2019-12-23 00:33:44
阅读次数：
320
安卓浏览器看背景图片，有些设备会模糊因为手机分辨率太小，如果按照分辨率来显示网页，字会非常小，安卓手机devicePixoRadio比较乱，有1.5的，有2的也有3的。想让图片在手机里显示更为清晰，必须使用2x的背景图来代替img标签（一般情况下都是2倍的），或者指定background-size: ...
分类：
移动开发 时间：
2019-12-22 14:48:42
阅读次数：
106
兼容 IE兼容 ie没有forEach 安卓手机 安卓手机的微信分享API不能用1.4api（继续用即将废弃的写法） 安卓需要去除300毫秒的双击延迟（用faskclick.js） 微信浏览器 手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流量所设置的 微信的re ...
分类：
其他好文 时间：
2019-12-20 14:05:51
阅读次数：
117
css中编辑此样式： 1 2 3 4 .bg { background:url(图片地址) no-repeat center; background-size:contain; } 然后在你的div里引用这个样式就行了： 1 <div class="row bg"> 使图片不随滚动条滚动，即固定不动 ...
分类：
其他好文 时间：
2019-12-16 09:32:50
阅读次数：
862
css代码*{ margin:0; padding:0; } body{ max-width: 100%; min-width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background- ...
分类：
其他好文 时间：
2019-12-14 15:40:57
阅读次数：
145
1、插入图片和背景图片<img src=""/> 更改大小用width,height;更改位置：margin,padding<div style="background-image:url('')"></div> 更改大小：background-size；更改位置：background-positi ...
分类：
Web程序 时间：
2019-12-13 13:34:41
阅读次数：
147
边框 border-radius:圆角 box-shadow:水平阴影的位置 垂直阴影的位置 模糊距离 盒阴影tet-shadow:h-shadow v-shadow bur clor border-image:边界图片 背景 background-size:背景图片的尺寸 background-o ...
分类：
Web程序 时间：
2019-12-09 12:09:11
阅读次数：
101
IE8及以下版本用滤镜来兼容background-size如下: 下面我通过给下图背景图添加background-size属性的不同属性值，更直观的显示出100%和cover的区别 下图是添加background-size:100% 100% 后的背景图效果，背景图被拉伸后有点失真 下图是添加bac ...
分类：
其他好文 时间：
2019-12-05 13:13:53
阅读次数：
113
一、实现思路 需求：画n个20 x 20的方格，作为元素div的背景图片 思路：利用CSS3的linear-gradient。 首先设置元素的background-size为20px 20px；利用linear-gradient为元素设置渐变的背景图片，分别向上下左右四个方向画0.5px的线。 二、 ...
分类：
Web程序 时间：
2019-12-02 19:18:08
阅读次数：
125
一、文本样式 常用的文本样式 1.背景颜色（background-color） 2.背景图片（background-image） 3,背景铺盖（background-repeat） 4背景大小（background-size） 5,背景定位（background-position） 也可以直接复合样 ...
分类：
Web程序 时间：
2019-11-28 23:04:26
阅读次数：
115
