这篇文章主要介绍了阿马泽伊图标的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Amaze UI面向HTML5开发，使用CSS3来做动画交互，平滑、高效，更适合移动设备，让网应用更快速载入。本文主要介绍了阿马泽伊图标的示例代码，具体如下：
！声明文档类型
html class=’no-js ‘
头
meta charset=’utf-8 ‘
meta http-equiv=’ X-UA-Compatible ‘ content=’ IE=edge ‘
元名称=’描述’内容=’ ‘
meta name=’keywords’ content=’ ‘
meta name=’ viewport ‘ content=’ width=device-width，initial-scale=1 ‘
标题图标/标题
meta name=’ renderer ‘ content=’ WebKit ‘
meta http-equiv=’ Cache-Control ‘ content=’ no-site app ‘/
link rel=’ icon ‘ type=’ image/png ‘ href=’ assets/I/favicon。巴布亚新几内亚
元名称=’支持移动网络应用内容=’是’
link rel=’ icon ‘ size=’ 192 x192 ‘ href=’ assets/I/app-icon 72 x72 @ 2x。巴布亚新几内亚
meta name=’ apple-mobile-we b-app-capable ‘ content=’ yes ‘
meta name=’ apple-mobile-we B- app-状态栏-style ‘ content=’ black ‘
meta name=’ apple-mobile-we B- app-title ‘ content=’ Amaze UI ‘/
link rel=’ apple-touch-icon-pre composed ‘ href=’ assets/I/app-icon 72 x 72 @ 2x。巴布亚新几内亚
meta name=’ ms application-tile image ‘ content=’ assets/I/app-icon 72 x72 @ 2x。巴布亚新几内亚
meta name=’ ms应用程序-磁贴颜色’ content=’ # 0e 90d 2 ‘
link rel=’样式表’ href=’ assets/CSS/amaze ui。量滴’ CSS ‘
/头
body style=’ margin:50px；’
！-添加班级-
span class=’am-icon-qq’ QQ/span
span class=” am-icon-weixin “微信/span
！-图标大小-
pspan class=’am-icon-home’/span默认大小/p
PSP an class=’ am-icon-home am-icon-sm ‘/span .am-icon-sm/p
PSP an class=’ am-icon-home am-icon-MD ‘/span .大法师图标-md/p
PSP an class=’ am-icon-home am-icon-LG ‘/span .am-icon-lg/p
！-图标按钮-
a href=’ # # ‘ am-icon-BTN am-icon-Twitter ‘/a
a href=’ # # ‘ am-icon-BTN am-icon-脸书’/a
a href=’ # # ‘ class=’ am-icon-BTN am-icon-github ‘/a
a href=’ # # ‘ am-icon-BTN am-primary am-icon-QQ ‘/a
a href=’ # # ‘ am-icon-BTN am-secondary am-icon-Drupal ‘/a
a href=’ # # ‘ am-icon-BTN am-成功am-icon-shield ‘/a
a href=’ # # ‘ am-icon-BTN am-warning am-icon-warning ‘/a
a href=’ # # ‘ am-icon-BTN am-danger am-icon-YouTube ‘/a
！-旋转动画-
I=’ am-icon-spinner am-icon-spin ‘/I
I class=’ am-icon-refresh am-icon-spin ‘/I
I=’ am-icon-circle-o-notch am-icon-spin ‘/I
I=’ am-icon-cog am-icon-spin ‘/I
I=’ am-icon-gear am-icon-spin ‘/I
am-icon-spinner am-icon-pulse ‘/I
！-固定宽度-
保险商实验所
‘ am-icon-QQ am-icon-fw ‘/I QQ/李
LII class=’ am-icon-Skype am-icon-fw ‘/I Skype/Li
Li I=’ am-icon-GitHub am-icon-fw ‘/I GitHub/Li
Li class=’ am-icon-cc-Amex am-icon-fw ‘/I Amex/Li
/ul
！- [if (gte IE 9)|！(IE)]！-
脚本src=’ assets/js/jquery。量滴js ‘/脚本
！- ![endif] –
！-[如果lte IE 8 ]
脚本src=’ assets/ie8/jquery。量滴js ‘/脚本
script src=’ assets/ie8/modernizr。js ‘/脚本
脚本src=’ assets/js/amaze ui。ie 8聚填充。量滴js ‘/脚本
！[endif] –
脚本src=’ assets/js/amaze ui。量滴js ‘/脚本
/body
/html
效果图：
到此这篇关于阿马泽伊图标的示例代码的文章就介绍到这了，更多相关阿马泽伊图标内容请搜索脚本之家以前的文章或继续浏览下面的相关文章，希望大家以后多多支持脚本之家！
来源：脚本之家
链接：https://www。jb51。net/html 5/740415。超文本标记语言
