纯CSS3图标技术方案在WebApp中的设计与应用  

The Design and Application of Pure CSS3 Icon Technology Scheme in WebApp

作　　者：张灵芝[1] ZHANG Ling-zhi(Wuxi Machinery and Electron Higher Professional and Technical School Wuxi 214028)

机构地区：[1]无锡机电高等职业技术学校,无锡214028

出　　处：《电脑与信息技术》2017年第5期23-24,72,共3页Computer and Information Technology

摘　　要：图标在WebApp设计中用途广泛,文章分析了sprite图标、图标字体和纯CSS3图标三种应用方案,对比发现sprite图标方案使用最广,简单又有效,但在自定义图标的大小和颜色上有所欠缺;图标字体技术能很好的克服sprite图标方案的缺点,但又增加了许多额外开销;而目前较新颖的纯CSS3图标技术方案比使用其它图标技术方案更有优势。最后用音乐图标实例介绍了纯CSS图标的生成及应用。Icon in webapp is widely used in web app design.this paper analyzes the three application schemes of sprite icon,icon font and pure css3icon,and finds that sprite icon scheme is the most widely used,simple and effective,but it is deficient in the size and color of the custom icon;Icon font technology can well overcome the shortcomings of the sprite icon scheme,but added a lot of additional overhead;Currently,the newer pure css3icon technology scheme is more advantageous than using the other icon technology scheme.Finally,this paper introduces the generation and application of pure CSS icon with music icon.

关 键 词：WEBAPP sprite图标 图标字体 纯CSS3图标 

分 类 号：TP37[自动化与计算机技术—计算机系统结构]