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

用字体在网页中画ICON图标

学习人数
难度级别 中级
课程时长 1小时 4分
综合评分 9.7
124人评价 查看评价
9.9 内容实用
9.8 简洁易懂
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在网页中画小图标适用场景。没有好与不好,只有合不合适。

讲师提示

至尊玉 Web前端工程师
课程须知
本课程是CSS中级课程 1.具备HTML、CSS前端开发基础知识; 2.熟悉@font-face、font-family字体相关属性; 3.了解:before伪元素,content属性;
老师告诉你能学到什么?
1.eot、woff、ttf、svg字体格式 2.使用IcoMoon App管理字体图标 3.在网页中用字体画小图标 4.轻松改变图标大小及颜色等CSS属性,就像操作文本一样简单。
意见反馈 常见问题 APP下载
官方微信