-
需要和前端沟通解决怎么传输的问题
查看全部 -
位图:优点:图片清晰,缺点:放大后分辨率不够
矢量图:可以无限放大缩小,容量小,可以通过字体方式调整图片
查看全部 -
iconfont.cn
查看全部 -
https://icomoon.io/app/#/select
查看全部 -
位图:jpg,png(清晰,质量大,放大后不清晰,图片)
矢量图:svg(可缩放,质量小,色彩体现差,图形)
查看全部 -
<span class="icon-diamonds"></span>会显示两个图标
查看全部 -
iconfont笔记
查看全部 -
font+html 优缺点
查看全部 -
雪碧图优缺点
查看全部 -
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot');
src: url('fonts/icomoon.eot') format('embedded-opentype'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.svg') format('svg');
font-weight: normal;
font-style: normal;
}
查看全部 -
测试测试测试测试测试测试
查看全部 -
1、css雪碧图/css精灵 sprite
减少http请求次数,使网页加载速度更快,提高网页性能
需先设置背景图片,再通过精灵图中的小图标的宽高位置,设置对应的div宽高和背景定位坐标
span{
background:url("");
}
span .div1{
background-position:-10px -20px;
}
查看全部 -
1、位图与矢量图的区别:
位图:表达清晰,图片不能放大,所占空间大(对图片质量要求高,如照片)----->bmp,jpg,png,gif
矢量图:可任意缩小放大,所占空间小,在互联网上下载快(对图片要求不高,如图片、文字、卡通等)----->svg
2、字体图标:
图标采取字体格式
可以使用color、font-size等改变图标颜色、大小等样式
查看全部 -
字体图标(首选阿里,备用icoMoon)
查看全部 -
雪碧图小结:
查看全部
举报