精灵图和字体图标的概念

一、精灵图

台前网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联自2013年起到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联

概念:将网页的所需要一些小背景图像整合到一张大的图片中,在css中利用"background-image"、"background-repeat"、"background-position"、"background-size"的组合找到需精灵图。

“background-position”可以用数字精确地定位出背景图片的位置;"background-size"可以利用数字来改变所定位精灵图的大小。

作用:为了有效减少服务器接收和发送请求的次数,从而提高页面的加载速度。

二、字体图标

概念:字体以图标的显示,看似是图标其实是字体;可以利用css像控制字体大小、颜色那样来控制字体图标样式,但是前提需要去网上下载字体图标。

这里提供两个网站下载字体图标:

1.http://icomoon.io

2.http://www.iconfont.cn

优点:灵活,轻量级,兼容性好;图标易于缩放,是矢量图不会失真,也可以创建自己的图标字。


文章名称:精灵图和字体图标的概念
文章源于:http://bzwzjz.com/article/dsojeig.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 定制级高端网站建设 网站建设推广 成都网站制作 自适应网站建设 温江网站设计 高端网站设计 成都商城网站建设 成都网站建设 H5网站制作 成都网站设计公司 网站设计 成都网站建设 成都网站设计 企业网站建设 企业网站设计 网站设计制作 成都网站建设 成都网站设计公司 移动网站建设 响应式网站设计 定制网站制作 成都网站建设流程