为了账号安全,请及时绑定邮箱和手机立即绑定

用字体在网页中画ICON图标

至尊玉 Web前端工程师
难度初级
时长 1小时 4分
学习人数
综合评分9.67
144人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
简介:有一个岗位,叫前端开发;有一种技术,叫 CSS Sprite;有一种突破,叫font+HTML/CSS。移动互联网时代的到来,让CSS Sprite似乎有点Hold不住。Font+HTML/CSS将会做到,小巧的体积、更快的加载速度、任意改变颜色和尺寸,完美的兼容性,是你在网页中画小图标的不二之选。

第1章 网页中Icon小图标简介

本章主要介绍在网页中画Icon小图标的三种神器。

第2章 CSS Sprite在网页中画Icon小图标

重温经典------那些年,我们一起追过的CSS Sprite画小图标技术。

第4章 font+CSS在网页中画Icon小图标

只需要调用class名称,亦能轻而易举的在网页中用字体画Icon小图标。

第5章 网页中画Icon小图标方法比较

比较分析CSS Sprite、font+HTML和font+CSS在网页中画小图标适用场景。没有好与不好,只有合不合适。
课程须知
本课程是CSS中级课程 1.具备HTML、CSS前端开发基础知识; 2.熟悉@font-face、font-family字体相关属性; 3.了解:before伪元素,content属性;
老师告诉你能学到什么?
1.eot、woff、ttf、svg字体格式 2.使用IcoMoon App管理字体图标 3.在网页中用字体画小图标 4.轻松改变图标大小及颜色等CSS属性,就像操作文本一样简单。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!