sprite&iconfont

时间 2019-11-13

标签 sprite&iconfont sprite iconfont 繁體版

原文原文链接

简述：CSS雪碧图是一种处理网页背景图像的方式，将一个页面涉及到的全部零星背景图像都集中到一张大图。css

使用雪碧图的好处：有效减小服务器接收和发送请求的次数，提升了页面的加载速度。服务器

使用：bg-image、bg-repeat、bg-position；ide

给div大小：所需背景图像的大小；字体

再经过background-position: x y; 进行移动。网站

字体图标 : 能够作出与图片同样的事情，如改变透明度、旋转度…spa

本质:文字 so 能够改颜色、阴影、大小等效果 besides兼容性好blog

各类字体图标字库图片

阿里icon font字库：http://www.iconfont.cn/it

字体图标的使用：

Step1：下载字体解压压缩包

将fonts放到网站目录中；

Step2：css中声明自定义字体 (@font-face{…})

Step3：定义字体的样式（盒子引用字体再各自定义样式也ok）

Step4：盒子应用样式

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。