合肥生态丽景网站建设,中国风电商网站建设,个人网站设计图片,企业网址模板一、 精灵图
1.1 为什么需要精灵图#xff1f; 1.2 精灵图#xff08;sprites#xff09;的使用 二、 字体图标
2.1 字体图标的产生 2.2 字体图标的优点 2.3 字体图标的下载
icomoom字库 http://icomoon.io
阿里iconfont字库 http://www.iconfont.cn/ 2.4 字体图标的引用…一、 精灵图
1.1 为什么需要精灵图 1.2 精灵图sprites的使用 二、 字体图标
2.1 字体图标的产生 2.2 字体图标的优点 2.3 字体图标的下载
icomoom字库 http://icomoon.io
阿里iconfont字库 http://www.iconfont.cn/ 2.4 字体图标的引用 /*字体声明*/
font-face {font-family: icomoon;src: url(fonts/icomoon.eot?7kkyc2);src: url(fonts/icomoon.eot?7kkyc2#iefix) format(embedded-opentype),url(fonts/icomoon.ttf?7kkyc2) format(truetype),url(fonts/icomoon.woff?7kkyc2) format(woff),url(fonts/icomoon.svg?7kkyc2#icomoon) format(svg);font-weight: normal;font-style: normal;} 2.5 字体图标的追加 三、 CSS三角 四、 CSS用户界面样式
五、 vertical-align 属性应用
六、 溢出的文字省略号显示
七、 常见布局技巧