欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!
您现在的位置:web记录 > 前端开发 > Html5+css3 >

用css画网页中icon小图标

更新时间:2015-01-04 浏览次数:

1.css Sprite

在国内被称为“CSS雪碧”,也叫“CSS精灵”它是把网页中一些零星背景图片整合到一张图片文件中,再利用CSS的背景图片定位到要显示的位置,因此也叫“图片拼合”技术。

好处:这样可以减少文件体积和服务器请求次数,从而提高效率

知识点:

background-imgae

background-position

特点:

1、相对单个小图标,它节省文件体积和服务器请求次数。

2、一般情况下,你需要保存为PNG-24的文件格式。

3、可以设计出丰富多彩的颜色图标。

难点:

1、你需要预先确定每个小图标的大小

2、注意小图标与小图标之间的距离

2.font+HTML

3.font+CSS

关键词:

    + 相关信息

    前端案例

    返回顶部 欢迎访问web记录!每一步的成长都是一种幸福,聪明的女孩擅长记录幸福!