-
font+HTML画小图标简介 灵活性:轻松地改变图标的颜色或其他CSS效果 可扩展:改变图标的大小,就像改变字体大小一样容易 矢量性:图标是矢量的,与像素无关。缩放图标不会影响清晰度 兼容性:字体图标支持所有现代浏览器(包括糟糕的IE6) 本地使用:通过添加定制字体到本地系统,可以在各种不同的设计和编辑应用程序中使用查看全部
-
sublime批量生成代码技巧: 1.安装Emmet、TAG插件 Ctrl+Shift+P-->Package Control:Install Package-->Emmet Ctrl+Shift+P-->Package Control:Install Package-->TAG 2.生成代码 例1:生成HTML框架代码,依赖Emmet插件 新建并另存为.html文件 输入“!”,按下Ctrl+E,生成HTML框架代码 例2:批量生成标签,依赖Emmet插件 ul.sprite>li*11>s.s-icon+a{慕课网就是好$},按下Tab键,生成代码: <li><s class="s-icon"></s><a href="">慕课网就是好1</a></li> <li><s class="s-icon"></s><a href="">慕课网就是好2</a></li> ... <li><s class="s-icon"></s><a href="">慕课网就是好11</a></li> 例3:批量代码格式化,依赖TAG插件 选中代码,按下Ctrl+Alt+F,批量格式化查看全部
-
CSS Sprite: 知识点: 1.background-image 2.background-position 特点: 1.相对于单个小图标,它节省文件体积和服务器请求次数 2.一般情况下,需要保存为PNG-24的文件格式 3.可以设计出丰富多彩的颜色图标 难点: 1.需要预先确定每个小图标的大小 2.注意小图标与小图标之间的距离 3.细心+耐心查看全部
-
CSS Sprite: 在国内称为“CSS雪碧”,也叫“CSS精灵” 它是把网页中一些零星背景图片整合到一张图片文件中,再利用CSS的背景图片定位到要显示的位置,因此也叫“图片拼合”技术。 好处:可以减少文件体积和服务器请求次数,从而提高效率查看全部
-
用字体在网页中画icon小图标: 适当的图标,可以达到一图胜千言的效果 1.CSS Sprite 2.font+HTML 3.font+CSS查看全部
-
https://icomoon.io @font-face{ font-family:<family-name>; src:[<url>[format(<string>#)]?<font-face-name>]#; font-weight:<weight>; font-size:<style>; } http://www.w3.org/TR/css3-fonts/#descdef-src查看全部
-
图标神器: 1、IcoMoon https://icomoon.io 2、查看全部
-
解决IE浏览器不显示字体图标的bug查看全部
-
字体图标的优点。查看全部
-
背景图片位置计算方法:X轴向右,Y轴向下,均取负值。查看全部
-
png-24相对于png-8图片没有毛边查看全部
-
3333333333333333333查看全部
-
2222222222222222查看全部
-
111111111111111111111查看全部
-
csssprite定位查看全部
举报
0/150
提交
取消