前端学习笔记——CSS篇

**

前端学习笔记——CSS篇

**

字体图标（1）——iconfont阿里巴巴矢量图

简单说说字体图标的优点：
1.轻量性：一个图标字体要比一系列的图像要小，一旦字体加载了，图标就会马上渲染出来，减少服务器请求压力。
2.灵活性：字体图标其实本质上是字体，可以很随意得改变颜色，产生阴影，做出透明效果，旋转等等…
3.兼容性几乎支持所有主流浏览器。

—————————————————————————————————————————————
说到字体图标就不得不提一下精灵图（Sprites）：

Sprites技术的出现主要是为了有效减少服务器接受和发送请求的次数，提高页面的加载速度。
其核心原理：将网页中的一些小背景图像整合到一张大图上，每次加载页面，服务器不需要发送一个一个请求，